@extends('layouts.layout')
@section('title', 'QC Cashbox Details')
@section('body_class', 'nav-md')
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3><i class="fa fa-edit"></i> QC Cashbox Details</h3>
                    @php
                        $store_name = $resell_invoice[0]->resellbox_unload->unload_store->name;
                    @endphp
                    <h4>QC {{$store_name .' - '. \Carbon\Carbon::parse($resell_invoice[0]->resellbox_unload->unload_date)->format('d-m-Y') }}</h4>
                    {{-- <h4>The Palace TSM Cibubur - 20 Januari 2022</h4> --}}
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            Item List
                        </div>
                        <form id="form-data" style="display: contents;" autocomplete="off">
                        <div class="x_content">
                            <table id="table_cashbox" class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th>Invoice</th>
                                        <th>Appraisal Name</th>
                                        <th>Item Description</th>
                                        <th>Weight</th>
                                        <th>Actual Weight</th>
                                        <th>Tahun Resell</th>
                                        <th>Tahun Resell Fisik</th>
                                        <th>Tahun Fisik</th>    
                                        <th>Carat</th>
                                        <th width="100px;">Note</th>
                                        <th>Preloved/ Lebur</th>
                                        <th>Actual Carat</th>
                                        <th>Comment</th>
                                        <th>Unload Date</th>
                                        <th>Last Update</th>
                                        <th>Qc Status</th>
                                    </tr>
                                </thead>
                                <tbody class="response" id="scroll">
                                    <form id="form-data" style="display: contents;" autocomplete="off">
                                    <input type="hidden" name="id" value="{{ $id }}">
                                    @php 
                                        $no = 1;
                                    @endphp
                                    @foreach($resell_invoice as $key => $data_invoice)
                                        @foreach($data_invoice->invoice_detail as $key => $detail)
                                        @php
                                            $label = 'default';
                                            switch ($detail->qc_status) {
                                            case null:
                                                $label = 'danger';
                                                break;
                                            case 'in_progress':
                                                $label = 'warning';
                                                break;
                                            case 'done':
                                                $label = 'success';
                                                break;
                                            case 'moved_central':
                                                $label = 'warning';
                                                break;
                                            case 'unloaded':
                                                $label = 'default';
                                                break;
                                            case 'refinery':
                                                $label = 'info';
                                                break;
                                            }

                                            $checked_carat ='';
                                            $checked_weight ='';
                                            $checked_year ='';
                                            if ($detail->item_carat_id == $detail->actual_item_carat_id) {
                                                $checked_carat ='checked';
                                            }
                                            if ($detail->weight == $detail->actual_weight) {
                                                $checked_weight ='checked';
                                            }
                                            if ($detail->year == $detail->actual_year) {
                                                $checked_year ='checked';
                                            }
                                            $inv_attr = $data_invoice->invoice.'<br/>'.$data_invoice->customer_name.'<br/> (Rp.'.number_format($detail->price,2).') <br/>';
                                        @endphp
                                        @if(!in_array($qc_status,['uncompleted','in_progress'])) 
                                            <tr>
                                                <td>{{ $no++ }}</td>
                                                <td>{!! $inv_attr !!}</td>
                                                <td>{{ $data_invoice->ae_by ? $data_invoice->ae_by->name : '-' }}</td>
                                                <td>
                                                    {{ $detail->item_type->type.' ('.$detail->item_brand->brand_name.')' }}
                                                    @if($detail->plu) <div><b>PLU : </b> {{ $detail->plu }}</div> @endif
							@if($detail->new_item_plu) <div><b style="color: green;">NEW PLU : </b> {{ $detail->new_item_plu->plu_new }}</div> @endif
                                                </td>
                                                <td>{{ $detail->weight }}</td>
                                                <td>{{ $detail->actual_weight }}</td>
                                                <td>{{ $detail->year }}</td>
                                                <td>
                                                    {{ $detail->tahun_fisik ? $detail->tahun_fisik : ''  }}
                                                </td>
                                                <td>{{ $detail->actual_year }}</td>
                                                <td>{{ $detail->item_carat ? $detail->item_carat->carat_text : '-' }}</td>
                                                <td>{{ $detail->refinery_item_type ? $detail->refinery_item_type : '-' }}</td>
                                                <td>{{ $detail->is_preloved }}</td>
                                                <td>{{ $detail->actual_item_carat ? $detail->actual_item_carat->carat_text : '-' }}</td>
                                                <td>{{ $detail->unload_comment }}</td>
                                                <td>{{ $data_invoice->resellbox_unload ? $data_invoice->resellbox_unload->unload_date : '-' }}</td>
                                                <td>
                                                    {{ $detail->qc_by ? $detail->qc_by->name : '-' }}
                                                </td>
                                                <td>
                                                    <label class="label label-pill label-{{ $label }}">{{ $detail->qc_status ?? 'uncompleted' }}</label>
                                                </td>
                                            </tr>
                                        @else
                                            <input type="hidden" name="detail_id[]" value="{{ $detail->id }}">
                                            <input type="hidden" name="invoice_id[]" value="{{ $data_invoice->id }}">
                                            <tr>
                                                <td>{{ $no++ }}</td>
                                                <td>{!! $inv_attr !!}</td>
                                                <td>{{ $data_invoice->ae_by ? $data_invoice->ae_by->name : '-' }}</td>
                                                <td>
                                                    {{ $detail->item_type->type.' ('.$detail->item_brand->brand_name.')' }}
                                                    @if($detail->plu) <div><b>PLU : </b> {{ $detail->plu }}</div> @endif
                                                    @if($detail->new_item_plu) <div><b style="color: green;">NEW PLU : </b> {{ $detail->new_item_plu->plu_new }}</div> @endif
                                                </td>
                                                <td>
                                                    {{ $detail->weight }}
                                                    <input name="weight[]" class="weight" type="hidden" id="weight_{{ $detail->id }}" value="{{ $detail->weight }}">
                                                </td>
                                                {{-- year --}}
                                                <td>
                                                    <input type="text" name="actual_weight[]" id="actual_weight_{{ $detail->id }}" class="form-control float_number" value="{{ $detail->actual_weight }}" detail_id="{{ $detail->id }}" onkeyup="ObjFunc.uncheckedWeight({{ $detail->id }})">
                                                    <span class="help-block" id="actual_weight_error_{{ $detail->id }}" style="color:red;font-size:8px;display:none">actual weight wajib diisi !</span>
                                                    <div class="form-check">
                                                        <input class="form-check-input weight_sesuai" type="checkbox" id="weight_sesuai_{{ $detail->id }}" onclick="ObjFunc.autoFillActualWeight('{{ $detail->id }}')" {{ $checked_weight }}>
                                                        <label class="form-check-label" for="weight_sesuai_{{ $detail->id }}">
                                                        Weight Sesuai
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    {{ $detail->year }}
                                                    <input name="year[]" class="year" type="hidden" id="year_{{ $detail->id }}" value="{{ $detail->tahun_fisik ?? $detail->year }}">
                                                </td>
                                                <td>
                                                    {{ $detail->tahun_fisik ? $detail->tahun_fisik : ''  }}
                                                </td>
                                                {{-- year input --}}
                                                <td>
                                                    <input type="text" name="actual_year[]" id="actual_year_{{ $detail->id }}" class="form-control float_number" value="{{ $detail->actual_year }}" detail_id="{{ $detail->id }}" onkeyup="ObjFunc.uncheckedYear({{ $detail->id }})">
                                                    <span class="help-block" id="actual_year_error_{{ $detail->id }}" style="color:red;font-size:8px;display:none">actual year wajib diisi !</span>
                                                    <div class="form-check">
                                                        <input class="form-check-input year_sesuai" type="checkbox" id="year_sesuai_{{ $detail->id }}" onclick="ObjFunc.autoFillActualYear('{{ $detail->id }}')" {{ $checked_year }}>
                                                        <label class="form-check-label" for="year_sesuai_{{ $detail->id }}">
                                                        Tahun Sesuai
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <input type="hidden" class="carat" id="carat_{{ $detail->id }}" value="{{ $detail->item_carat_id }}">
                                                    {{ $detail->item_carat->carat_text }}
                                                </td>
                                                <td>
                                                    <select name="refinery_item_type[]" id="refinery_item_type_{{ $detail->id }}" class="js-example-responsive form-control refinery_item_type" style="width:100%;">
                                                        @if($detail->refinery_item_type)
                                                            <option value="{{ $detail->refinery_item_type }}" selected>{{ $detail->refinery_item_type }}</option>
                                                        @else
                                                            <option value="batu" selected>Batu</option>
                                                        @endif
                                                    </select>
                                                </td>
                                                <td>
                                                    <select name="is_preloved[]" id="is_preloved{{ $detail->id }}" class="js-example-responsive form-control is_preloved" style="width:100%;">
                                                        @if($detail->is_preloved)
                                                            <option value="{{ $detail->is_preloved }}" selected>{{ $detail->is_preloved }}</option>
                                                        @endif
                                                    </select>
                                                </td>
                                                <td>
                                                    <select name="actual_carat[]" id="actual_carat_{{ $detail->id }}" class="js-example-responsive form-control" detail_id="{{ $detail->id }}" onchange="ObjFunc.uncheckedCarat({{ $detail->id }})" style="width:100%;">
                                                        @if($detail->actual_item_carat_id)
                                                            <option value="{{ $detail->actual_item_carat_id }}" selected>{{ $detail->actual_item_carat->carat_text }}</option>
                                                        @else
                                                            <option value="" selected></option>
                                                        @endif
                                                    </select>
                                                    <span class="help-block" id="actual_carat_error_{{ $detail->id }}" style="color:red;font-size:8px;display:none">actual carat wajib diisi !</span>
                                                    <div class="form-check">
                                                        <input class="form-check-input carat_sesuai" type="checkbox" id="carat_sesuai_{{ $detail->id }}" onclick="ObjFunc.autoFillActualCarat('{{ $detail->id }}')" {{ $checked_carat }}>
                                                        <label class="form-check-label" for="carat_sesuai_{{ $detail->id }}">
                                                            Carat Sesuai
                                                        </label>
                                                    </div>
                                                </td>
                                                <td> 
                                                    <textarea class="form-control" name="unload_comment[]" id="unload_comment" rows="3" placeholder="Input Comment">{{ $detail->unload_comment }}</textarea>
                                                </td>
                                                <td>{{ $data_invoice->resellbox_unload->unload_date }}</td>
                                                <td>{{ $detail->qc_by ? $detail->qc_by->name : '-' }}</td>
                                                <td>
                                                    <label class="label label-pill label-{{ $label }}">{{ $detail->qc_status ?? 'uncompleted' }}</label>
                                                </td>
                                            </tr>
                                        @endif
                                        @endforeach
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="x_footer">
                            @php
                                $request_add_url = '?page=' . $request['page'] . '&from_date=' . $request['from_date'] . '&end_date=' . $request['end_date'] . '&do=' . $request['do'] . '&status=' . $request['status'] . '&store=' . $request['store'];
                            @endphp
                            @if($is_qc_hub && in_array($qc_status,['uncompleted','in_progress'])) 
                                <button id="btn-save-qc" type="submit" class="btn btn-primary"><i class="fa fa-floppy-o"></i> Simpan</button>
                            @endif
                            <a href="{{ url('butik/qc_cashbox' . $request_add_url) }}" class="btn btn-default" id="reset_btn"><i class="fa fa-arrow-left"></i> Kembali</a>
                        </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection
@section('scripts')
@include('includes.helper_js')
<script>
    $(function(){
        $(".fa-bars").trigger("click");
    });
</script>
<script>
    var data_type = [
        {
            id: 'batu',
            text: 'batu',
            title: 'batu'
        },
        {
            id: 'non_batu',
            text: 'non_batu',
            title: 'non_batu'
        },
        {
            id: 'LM',
            text: 'LM',
            title: 'LM'
        }
    ];

    $(".refinery_item_type").select2({
    data: data_type,
    escapeMarkup: function(markup) {
        return markup;
    }
    });
	
    var data_type2 = [
        {
            id: 'preloved',
            text: 'preloved',
            title: 'preloved'
        },
        {
            id: 'lebur',
            text: 'lebur',
            title: 'lebur'
        },
        {
            id: 'stock',
            text: 'stock',
            title: 'stock'
        }
    ];

    $(".is_preloved").select2({
    data: data_type2,
    escapeMarkup: function(markup) {
        return markup;
    }
    });

    var ObjFunc = {
        floatNumber: (val,e) => {
            if(e.which < 46
            || e.which > 59) {
                e.preventDefault();
            }
            if(e.which == 46
            && val.indexOf('.') != -1) {
                e.preventDefault();
            }
        },
        select2ActualCaratLoad : () => {
            $('select[name="actual_carat[]"]').each(function(){
                var detail_id = $(this).attr('detail_id');
                ObjFunc.select2ActualCarat(detail_id)
            });
        },
        select2ActualCarat : (xx) => {
            globalCRUD.select2Static('#actual_carat_'+xx+'','/select2/item_carat', function(item) {
                return {
                    id: item.id,
                    text: item.carat_text
                }
            });
        },
        autoFillActualWeight: (xx) => {
            if ($('#weight_sesuai_'+xx+'').is(':checked')) {
                let v = $('#weight_'+xx+'').val();
                $('#actual_weight_'+xx+'').val(v).change();
                $('#actual_weight_error_'+xx+'').hide();
            } else {
                $('#actual_weight_'+xx+'').val('').change();
                $('#actual_carat_error_'+xx+'').hide();
            }
        },
        autoFillActualYear: (xx, val) => {
            if ($('#year_sesuai_'+xx+'').is(':checked')) {
                let v = $('#year_'+xx+'').val();
                $('#actual_year_'+xx+'').val(v).change();
                $('#actual_year_error_'+xx+'').hide();
            } else {
                $('#actual_year_'+xx+'').val('').change();
                $('#actual_year_error_'+xx+'').hide();
            }
        },
        autoFillActualCarat: (xx, val) => {
            if ($('#carat_sesuai_'+xx+'').is(':checked')) {
                let v = $('#carat_'+xx+'').val();
                $('#actual_carat_'+xx+'').val(v).change();
                $('#actual_carat_error_'+xx+'').hide();
            } else {
                $('#actual_carat_'+xx+'').val('').change();
                $('#actual_weight_error_'+xx+'').hide();
            }
        },
        uncheckedWeight: (xx) => {
            let weight = parseFloat($('#weight_'+xx+'').val());
            let actual_weight = parseFloat($('#actual_weight_'+xx+'').val());
            if(actual_weight != '') {
                $('#actual_weight_error_'+xx+'').hide();
            }
            if(weight != actual_weight) {
                $('#weight_sesuai_'+xx+'').prop("checked", false);
            } else {
                $('#weight_sesuai_'+xx+'').prop("checked", true);
            }
        },
        uncheckedYear: (xx) => {
            let year = ('#year_'+xx+'').val();
            let actual_year = ('#actual_year_'+xx+'').val();
            if(actual_year != '') {
                $('#actual_year_error_'+xx+'').hide();
            }
            if(year != actual_year) {
                $('#year_sesuai_'+xx+'').prop("checked", false);
            } else {
                $('#year_sesuai_'+xx+'').prop("checked", true);
            }
        },
        uncheckedCarat: (xx) => {
            let carat = $('#carat_'+xx+'').val();
            let actual_carat = $('#actual_carat_'+xx+'').val();
            if(actual_carat != '') {
                $('#actual_carat_error_'+xx+'').hide();
            }
            if(carat != actual_carat) {
                console.log([carat,actual_carat]);
                $('#carat_sesuai_'+xx+'').prop("checked", false);
            } else {
                $('#carat_sesuai_'+xx+'').prop("checked", true);
            }
        },
        checkValidation: () => {
            isValid = true;
            $('input[name="detail_id[]"]').each(function() {
                let actual_weight = $('#actual_weight_'+$(this).val()+'');
                let actual_carat = $('#actual_carat_'+$(this).val()+'');
                let actual_year = $('#actual_year_'+$(this).val()+'');
                let actual_carat_error = $('#actual_carat_error_'+$(this).val()+'');
                let actual_weight_error = $('#actual_weight_error_'+$(this).val()+'');
                let actual_year_error = $('#actual_year_error_'+$(this).val()+'');
                if(actual_weight.val() != "" && (actual_carat.val() == "" || actual_carat.val() == null)) {
                    Helper.warningNotif('Actual Carat Harus Disi');
                    actual_carat_error.show();
                    actual_carat.focus();
                    return isValid = false;
                } else if(actual_carat.val() != "" && (actual_weight.val() == "" || actual_weight.val() == null)) {
                    Helper.warningNotif('Actual Weight Harus Disi');
                    actual_weight_error.show();
                    actual_weight.focus();
                    return isValid = false;
                }
            });
            return isValid;
        }
        
    }
    ObjFunc.select2ActualCaratLoad();

    $('.float_number').keypress(function(event) {
        ObjFunc.floatNumber($(this).val(),event);
    })

    $("#form-data").submit(function(e) {
        if(ObjFunc.checkValidation()) {
            $('#btn-save-qc').attr('disabled', true);
            var data = Helper.serializeForm($(this));
            var id = $('input[name="id"]').val();
            console.log(data);
            Axios.post('/butik/qc_cashbox/'+id+'/details_save',data)
            .then(function(response) {
                Helper.successNotif('QC Cashbox Item List has been saved !');
                window.location="@php echo url('butik/qc_cashbox' . $request_add_url); @endphp"; return false;
            })
            .catch(function(error) {
                Helper.handleErrorResponse(error)
            });
        }
        e.preventDefault();
    });
</script>
@endsection