@extends('admin.layout.master')
@section('title', 'ORDER ' . ($type == 1 ? 'RETURN' : '') . ' LIST')
@section('custom_style')
    <style>
        /* input[type=text],
            input[type=file],
            input[type=number] {
                height: 35px !important;
            } */
        .table th,
        .table td {
            padding: 0px 5px;
            color: black;
        }

        .table th {
            background: var(--tableHeader);
            padding: 5px !important;
            color: white !important;
        }

        .table-bordered th,
        .table-bordered td {
            border: 1px solid #c1c1c1 !important;
        }

        .special-cell {
            background: #bfbfbf;
            padding: 5px !important;
            color: black !important;
        }

        .btn-sina-submit {
            position: fixed;
            bottom: 15%;
            right: 2px;
        }

        @media only screen and (max-width: 620px) {
            .btn-sina-submit {
                position: fixed;
                min-width: 100%;
                bottom: 0;
                right: 0;
            }
        }

        .btn-sm {
            padding: 0 0.25rem !important;
        }

        input[type="checkbox"]:checked~label:before {
            background: #20bf6b no-repeat center;
            background-size: 12px 12px;
            background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1LjcwMSA0NS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NS43MDEgNDUuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC42ODcsMzguMzMyYy0yLjA3MiwyLjA3Mi01LjQzNCwyLjA3Mi03LjUwNSwwTDEuNTU0LDI2LjcwNGMtMi4wNzItMi4wNzEtMi4wNzItNS40MzMsMC03LjUwNCAgICBjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMGw2LjkyOCw2LjkyN2MwLjUyMywwLjUyMiwxLjM3MiwwLjUyMiwxLjg5NiwwTDM2LjY0Miw3LjM2OGMyLjA3MS0yLjA3Miw1LjQzMy0yLjA3Miw3LjUwNSwwICAgIGMwLjk5NSwwLjk5NSwxLjU1NCwyLjM0NSwxLjU1NCwzLjc1MmMwLDEuNDA3LTAuNTU5LDIuNzU3LTEuNTU0LDMuNzUyTDIwLjY4NywzOC4zMzJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
        }
    </style>
@endsection
@section('content')
    <form action="{{ Request::url() }}" method="get">
        <div class="card sina-card">
            <div class="card-header card-header-s">
                <div class="d-flex">
                    <h4 class="col-md-6"> {{ $type == 1 ? __('obs.order_retutn_list') : '' }}</h4>
                    <div class="col-md-2 pr-0 text-right text-white">
                        <label for=""> <b>{{__('obs.order_group')}}</b></label>
                    </div>
                    @if (!marketing_customer())
                        <div class="col-md-4">
                            <select class="select_2" style="width: 100%" name="group" id="group"
                                onchange="this.form.submit()">
                                <option value="500" @if (Request()->group == 500) selected="selected" @endif>
                                     {{__('obs.not_apply')}}< </option>
                                <option value="100" @if (Request()->group == 100) selected="selected" @endif>  {{__('obs.all')}}
                                </option>
                                @forelse (getAccountsGroup() as $grp)
                                    <option value="{{ $grp->id }}"
                                        @if (Request()->group == $grp->id) selected="selected" @endif> {{ $grp->name }}
                                    </option>
                                @empty
                                @endforelse
                                {{-- <option value="100" @if (Request()->group == 100) selected="selected" @endif> Not Apply </option> --}}
                                {{-- <option value="200" @if (Request()->group == 200) selected="selected" @endif> Entire</option> --}}
                            </select>
                        </div>
                    @endif
                </div>
                {{-- <button id="myButtonControlID" class="pull-right">Excel</button> --}}
            </div>
            @if (isset(Request()->group) || marketing_customer())
                <div class="card-body pt-1" id="divTableDataHolder">
                    {{-- <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" /> --}}
                    {{-- <div class="card-body pt-0"> --}}
                    {{-- <form action="{{  Request::url() }}" method="get"> --}}
                    {{-- <div class=""> --}}
                    <div class="row pb-3">
                        <div class="col-1">
                            <label for="order_no">{{__('obs.order_no')}}</label>
                            <input class="form-control" type="text" name="order_no" id="order_no">
                        </div>
                        <div class="col-2">
                            <label for="showroom_id">{{__('obs.showroom')}}</label>
                            <select class="select_2" style="width: 100%" name="showroom_id" id="showroom_id">
                                <option value=""> {{__('obs.select')}}</option>
                                @forelse ($showroom as $item)
                                    <option @if (Request()->showroom_id == $item->id) selected="selected" @endif
                                        value="{{ $item->id }}"> {{ $item->name_eng }}</option>
                                @empty
                                @endforelse
                            </select>
                        </div>
                        <div class="col-2">
                            <label for="status">{{__('obs.status')}}</label>
                            <select class="select_2" style="width: 100%" name="status" id="status">
                                <option value="500" @if (Request()->status == 500) selected="selected" @endif> {{__('obs.ordered')}}
                                </option>
                                <option value="0" @if (Request()->status == 0) selected="selected" @endif>  {{__('obs.pending')}}
                                </option>
                                <option value="1" @if (Request()->status == 1) selected="selected" @endif>
                                {{__('obs.rejected')}} </option>
                                <option value="2" @if (Request()->status == 2) selected="selected" @endif>
                                {{__('obs.delivered')}} </option>
                            </select>
                        </div>
                        <div class="col-2">
                            <label for="group">{{__('obs.shift')}}</label>
                            <div class="form-group">
                                <select name="shift" id="shift" class="form-control select_2">
                                    <option value="0" @if (Request()->shift == 0) selected="selected" @endif>
                                    {{__('obs.all')}} </option>
                                    <option value="1" @if (Request()->shift == 1) selected="selected" @endif>
                                    {{__('obs.morning')}} </option>
                                    <option value="2" @if (Request()->shift == 2) selected="selected" @endif>
                                    {{__('obs.evening')}} </option>
                                </select>
                            </div>
                            {{-- <label for="group">{{__('obs.group')}}</label>
                                <select class="select_2" style="width: 100%" name="group" id="group">
                                    <option value=""> {{__('obs.no')}} {{__('obs.apply')}} </option>
                                    <option value="0" @if (Request()->group === 0) selected="selected" @endif> {{__('obs.all')}} </option>
                                    @forelse (getAccountsGroup() as $grp)
                                    <option value="{{$grp->id}}" @if (Request()->group == $grp->id) selected="selected" @endif> {{$grp->name}}</option>
                                    @empty

                                    @endforelse
                                </select> --}}
                        </div>
                        <div class="col-5">
                            <label for="status">{{__('obs.date')}}</label>
                            <div class="input-group-append">
                                {!!getDateInput('date_from','date_from',Request()->date_from)!!}
                                <label class="input-group-text" style="height: 28px; margin-left: -2px; margin-right: -2px">{{__('obs.date_to')}}</label>
                                {!!getDateInput('date_to','date_to',Request()->date_to)!!}
                                {{-- <input type="text" class="form-control date_picker_report" id="date_from" name="date_from"
                                    value="{{ Request()->date_from ? date('Y-m-d', strtotime(Request()->date_from)) : date('Y-m-d') }}">
                                <label class="input-group-text"
                                    style="height: 28px; margin-left: -2px; margin-right: -2px">{{__('obs.date_to')}}</label>
                                <input type="text" class="form-control date_picker_report" id="date_to" name="date_to"
                                    value="{{ Request()->date_to ? date('Y-m-d', strtotime(Request()->date_to)) : date('Y-m-d') }}"> --}}
                                <button type="submit" style="height: 28px; margin-left: -2px"
                                    class="btn btn-pill btn-sm btn-hover btn-danger">
                                    <i class="fa fa-search"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                    {{-- </div> --}}
    </form>
    {{-- </div> --}}
    <form id="form" method="get" action="{{ route('delivery.create') }}" name="form" enctype="multipart/form-data">
        @csrf
        <div class="table-responsive">
            <div class="input-group row justify-content-end">
                <div class="input-group-append">
                    <button type="button" class="btn btn-sm btn-info" onclick="setIndent()">
                        <span class="fa fa-calendar">{{__('obs.indent_product')}}</span> 
                    </button>
                </div>
            </div>
            <table class="table table-bordered table-hover" id="datatable_apply">
                @if (isMarketingEnable() == 1 && Request()->status == 0)
                    <input type="hidden" name="party_id"
                        value="{{ Request()->showroom_id != 0 ? Request()->showroom_id : null }}">
                @endif
                <thead>
                    <tr>
                        {{-- @if (isMarketingEnable() == 1 && Request()->status == 0) --}}
                        <th class="text-center">
                            <input type="checkbox" id="index_head" class="vh"
                                @if (!(Request()->showroom_id != 0)) disabled="disabled" @endif
                                onclick="selectAllChild(this)">
                        </th>
                        {{-- @else
                                    <th class="text-nowrap text-center" style="width: 3%;padding: 0">
                                        <div class="form-check">
                                            <input class="form-check-input voucher_id_all" onclick="setAllChecked(this)" type="checkbox" value="1" id="voucher_id_all">
                                            <label class="form-check-label" for="voucher_id_all">
                                            </label>
                                        </div>
                                    </th>
                                @endif --}}
                        <th>#</th>
                        <th>Date</th>
                        @if (Request()->status == 2)
                            <th>{{__('obs.bill_date')}}</th>
                        @endif
                        <th>{{__('obs.order_no')}}</th>
                        <th>{{__('obs.showroom')}}</th>
                        <th>{{__('obs.order_type')}}</th>
                        <th>{{__('obs.group')}}</th>
                        <th>{{__('obs.status')}}</th>
                        <th>{{__('obs.approvals')}}</th>
                        <th>{{__('obs.action')}}</th>
                    </tr>
                </thead>
                <tbody id="tbl_body_index">
                    <input type="hidden" id="blade_type" value="{{ $blade_type }}">
                    @php
                        $p = 1;
                        $action_id = 9;
                    @endphp

                    @forelse ($orders as $i=>$item)
                        <tr id="tr{{ $p }}">
                            {{-- @if (isMarketingEnable() == 1 && Request()->status == 0) --}}
                            <td class="text-center">
                                <input type="checkbox" name="order_ids[]" onclick="showDeliveryBtn(this)" id="index_head"
                                    class="vh" @if (!(Request()->showroom_id != 0)) disabled="disabled" @endif value="{{ $item->id }}">
                                <input type="hidden" name="party_id" id="party_id" value="{{ $item->party_id }}">
                            </td>
                            {{-- @else
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-center">
                                    <div class="form-check">
                                        <input class="form-check-input {{(!($item->indent_id||$item->delivery_status>0))?'voucher_to_set_preparation':''}}" name="voucher_to_set_preparation" @if ($item->indent_id || $item->delivery_status > 0) disabled @endif type="checkbox" value="{{$item->id}}" id="voucher_id_{{$item->id}}">
                                        <label class="form-check-label" for="voucher_id_{{$item->id}}">
                                        </label>
                                    </div>
                                </td>
                            @endif --}}
                            <td> {{ $p++ }}</td>
                            <td>
                                {{ date('d-M-Y h:i A', strtotime($item->created_at)) }}
                            </td>
                            @if ($setting && $item->delivery_status == 2)
                                <td>
                                    {{ date('d-M-Y h:i A', strtotime($setting->transaction_to == 1 ? $item->storeInvoice->date : $item->fgStoreInvoice->date)) }}
                                </td>
                            @endif
                            <td>{{ $item->order_no }}</td>
                            <td>
                                {{ $item->showroom ? $item->showroom->name_eng : 'N\A' }}
                            </td>
                            <td>
                                {{ $item->special == 1 ? 'Special' : 'Regular' }}
                            </td>
                            <td>{{ $item->group == 0 ? 'All' : $item->groupInfo->name }}</td>
                            <td>
                                {{-- @dd(checkCostCenterWiseApproval($item->approvals,$action_id,$item->showroom->cost_center)) --}}
                                {{ $item->delivery_status == 2 ? 'DELIVERED' : ($item->delivery_status == 0 ? 'PENDING' : 'REJECTED') }}
                            </td>
                            <td>
                                @if ($item->approve_status == 2)
                                    <button type="button" class="btn btn-sm btn-success">{{__('obs.approved')}}</button>
                                @else
                                    @if ($action_step_id = checkCostCenterWiseApproval($item->approvals, $action_id, $item->cost_center_id))
                                        <input type="checkbox" onclick="updateBtn({{ $item->id }})"
                                            id="check{{ $item->id }}" class="check{{ $item->id }}" name="asigned_step[{{ $item->id }}]" value="{{ $item->id }}">
                                        <button type="button" id="update_btn{{ $item->id }}" class="btn btn-sm btn-warning" style="display:none"
                                            onclick="updateApproveStatus({{ $item->id }},{{ $action_step_id }},'App\\OrderInvoice',{{ $item->showroom->cost_center }})">{{__('obs.approved')}}</button>
                                    @elseif($item->approvals && count($item->approvals->where('admin_id', active_user())) > 0)
                                        <button type="button" class="btn btn-sm btn-info">{{__('obs.you_have_approved')}} <br> at
                                            {{ date('d-m-Y', strtotime($item->approvals->where('admin_id', active_user())->first()->created_at)) }}</button>
                                    @else
                                        {{ 'No Access' }}
                                    @endif
                                @endif
                            </td>
                            <td class="text-left">
                                {{-- <button type="button" class="btn-info" id="submit_allocation{{$i}}" onclick="showDetails({{$item}})"> <span class="fa fa-eye"></span></button> --}}

                                <a href="{{ route('order.print', ['id' => $item->id]) }}" target="_blank" type="button"
                                    class="btn btn-sm btn-info" onclick="$('#btn_print_'+{{ $i }}).attr('class', 'btn btn-sm btn-warning')"
                                    name="sell" id="btn_print_{{ $i }}">{{__('obs.print')}}</a>

                                {{-- <button type="button" class="btn-info" id="submit_allocation{{$i}}" onclick="updateBill({{$i}})">{{__('obs.bill')}} {{__('obs.now')}}</button> --}}
                                @if ($item->delivery_status == 0 && get_guard() == 'admin')
                                    @if (checkAuthPermission('order.edit'))
                                        <a href="{{ route('order.edit', ['id' => $item->id]) }}" target="_blank"
                                            type="button" class="btn btn-sm btn-info" name="sell">{{__('obs.edit')}}</a>
                                    @endif
                                @endif
                                    {{-- @if ($item->delivery_status == 2 && get_guard() == 'admin')
                                        <a href="{{route('sell.print',['id'=>$item->invoice_id])}}" target="_blank" type="button" class="btn btn-sm btn-info" name="sell">{{__('obs.bill')}}</a>
                                    @endif --}}
                                @if ($item->delivery_status == 0 && get_guard() == 'admin')
                                    <button type="button" class="btn btn-sm btn-danger"
                                        onclick="setApproved({{ $item->id }},1)"
                                        id="reject_{{ $i }}">{{__('obs.reject')}}</button>
                                    @if (isMarketingEnable() == 1)
                                        @if (checkAuthPermission('sell.create-dp-tp'))
                                            <a href="{{ route('sell.create-dp-tp', ['order_id' => $item->id]) }}" type="button" target="_blank" class="btn btn-sm btn-success" id="sell{{ $i }}" name="sell"
                                                onclick="$('#sell'+{{ $i }}).attr('class', 'btn btn-sm btn-danger'); $('#reject_'+{{ $i }}).attr('disabled', true)">{{ $type == 1 ? 'Accept' : 'Deliver' }}</a>
                                        @endif
                                    @else
                                        @if (checkAuthPermission('delivery.add'))
                                            <a href="{{ route('delivery.add', $item->id) }}?party_id={{ $item->party_id }}&tran_type={{ $type == 1 ? 4 : 3 }}" type="button" target="_blank" class="btn btn-sm btn-success" id="sell{{ $i }}" name="sell"
                                                onclick="$('#sell'+{{ $i }}).attr('class', 'btn btn-sm btn-danger'); $('#reject_'+{{ $i }}).attr('disabled', true)">{{ $type == 1 ? 'Accept' : 'Deliver' }}</a>
                                        @endif
                                    @endif
                                @elseif ($item->delivery_status == 1 && get_guard() == 'admin')
                                    <button type="button" class="btn btn-sm btn-warning" onclick="setApproved({{ $item->id }},0)">{{__('obs.restore')}}</button>
                                @endif
                            </td>
                        </tr>
                    @empty
                    @endforelse
                </tbody>
            </table>
        </div>
        <hr>
        <div class="row pb-0">
            <input class="btn-sina-submit" type="submit" id="save" value="DELIVER"
                onclick="return confirm('are you sure?');">
        </div>
        {{-- </form> --}}
        </div>
        @endif
        </div>
    </form>
    @include('inventory.order.detail_modal')
@endsection
@section('script')
    <script>
        $(document).ready(function() {
            $('.select_2').select2();
            $('#save').hide();

            $('#datatable_apply').dataTable({
                "paging": false,
                "order": [
                    [2, 'desc']
                ],
                "columnDefs": [{
                    "orderable": false,
                    'targets': 0,
                }]
            });
        })

        function showDetails(data) {
            var bladeType = $('#blade_type').val();
            if (bladeType == 2) {
                $('#order_no').val(data.order_no);
                $('#order_id').val(data.id);
                $('#invoice_no').val(data.transactions.length > 0 ? data.transactions[0].autocode_before_bill : data
                    .fg_transactions[0].autocode_before_bill);
            }
            $("#order_details_modal").modal("hide");
            var str = '';
            console.log(data);
            //    $('#recipe_id').val(data.recipe_id);
            //    $('#indent_id').val(data.id);
            //    $('#b_qty').val(data.indent_qty);
            //    $('#finished_product').html(
            //     `<option value=`+data.product_id+`>`+data.product.name_eng+`</option>`
            //    );
            //    $('#finished_product').val(data.name);
            // rawData=data.transactions;
            var rawData = [];
            if (data.transactions.length > 0) {
                rawData = data.transactions;
            } else if (data.fg_transactions.length > 0) {
                rawData = data.fg_transactions;
            } else {
                rawData = data.details;
            }
            if (rawData.length > 0) {
                for (let index = 0; index < rawData.length; index++) {
                    str += `<tr id="tr` + index + `">
                                <td>` + (index + 1) + `</td>
                                <td>` + rawData[index].product.name_local + ` (` + rawData[index].product.name_eng + `)</td>
                                <td>` + rawData[index].order_qty + `</td>`;
                    str += `<td>` + rawData[index].quantity + `</td>`;
                    if (bladeType == 2) {
                        str += `
                                <td>` + rawData[index].allocated_qty + `</td>
                                <td><input type="number" name="quantity[` + rawData[index].id + `]" value="` + rawData[
                            index].allocated_qty + `"></td>`;
                    }
                    str += `</tr>`;
                    temp = (index + 2);
                }

            }

            $('#tbl_body').html(str);
            $("#order_details_modal").modal("show");
            //initSelect2();
        }

        function updateBtn(row_id) {
            var checked = $('#check' + row_id).is(':checked');
            //alert(checked);
            if (checked) {
                $('#update_btn' + row_id).show('slow');
            } else {
                $('#update_btn' + row_id).hide('slow');
            }
        }

        function setIndent() {
            var voucher_ids = [];
            $.each($("input[name='voucher_to_set_preparation']:checked"), function() {
                voucher_ids.push($(this).val());
            });
            if (voucher_ids.length > 0) {
                var url = "{{ route('indent.create') }}";
                url += "?order_id=" + voucher_ids.toString();
                //alert(url);
                location.href = url;
            } else {
                alert('Please Select Order');
            }
        }

        function setAllChecked(elementBox) {
            if (elementBox.checked) {
                $('.voucher_to_set_preparation').prop("checked", true);
            } else {
                $('.voucher_to_set_preparation').prop("checked", false);
            }
        }

        function updateApproveStatus(row_id, action_step_id, model_name, cost_center_id) {
            //alert(model_name);
            if (confirm('are you sure?')) {
                $.ajax({
                    type: "GET",
                    url: "{{ route('costcenter_mapping.update_approval_log') }}",
                    data: {
                        approvable_id: row_id,
                        approvable_type: model_name,
                        action_step_id: action_step_id,
                        cost_center_id: cost_center_id,
                    },
                    success: function(data) {
                        location.reload();
                    },
                    error: function(response) {},
                });
            }
        }

        function setApproved(order_id, status) {
            if (confirm('are you sure?')) {
                $.ajax({
                    type: "GET",
                    url: "/manage-delivery-list",
                    data: {
                        order_id: order_id,
                        type: 4,
                        status: status
                    },
                    success: function(data) {
                        location.reload();
                    },
                    error: function(response) {},
                });
            }
        }

        function selectAllChild(t) {
            if (t.checked) {
                $('.vh').prop("checked", true);

            } else {
                $('.vh').prop("checked", false);
            }
            if ($('.vh:checkbox:checked').length > 0) {
                $('#save').show();
            } else {
                $('#save').hide();
            }
        }

        function showDeliveryBtn(t) {
            if (t.checked) {
                $('#save').show();
            } else {
                if ($('.vh:checkbox:checked').length > 0) {
                    $('#save').show();
                } else {
                    $('#save').hide();
                }
            }
        }
    </script>
@stop