@extends(backpack_view('blank'))
@php
    $data = \App\Models\PickList::with('department','requestBy')->find(request()->route('id'));
    $items = \App\Models\PickListItem::with('item')->where('pick_list_id', $data->id)->get();
@endphp
@section('content')
<div class="row justify-content-center mt-5">
    <div class="col-sm-12 col-lg-12">
       <form id="stockRequistionForm">
          <div class="card border-0 card-style">
             <div class="card-body ">
                <h2>
                    <span class="text-capitalize">Pick List</span>
                    <small>#{{$data->pick_list_no}}</small>
                    <small><a href="{{route('pick-list.index')}}" class="d-print-none font-sm"><i class="la la-angle-double-left"></i> Back to all  <span>Pick List</span></a></small>
                </h2>
                <div class="row mt-4">
                    <div class="col-md-3" >
                       <label>Requistion No</label>
                       <input type="text" class="form-control" readonly value="{{ $data->requistion_no }}">
                    </div>
                    <div class="col-md-3">
                       <label for="">Department</label>
                       <input type="text" class="form-control" readonly value="{{ $data->department->name }}">
                       <div id="department"></div>
                    </div>
                    <div class="col-md-3">
                        <label for="">Request By</label>
                        <input type="text" class="form-control" readonly value="{{ $data->requestby->name}} ">
                    </div>
                    {{--  @if (!empty($data->deliver_by))
                    <div class="col-md-3">
                        <label for="">Deliver By</label>
                        <input type="text" class="form-control" readonly value="{{ $data->deliverby->name}} ">
                    </div>
                    @endif  --}}
                    <div class="col-md-3">
                        <label for="">Status</label><br>
                        @if ($data->status == "prepared")
                            <span class="btn btn-warning rounded-pill">Prepared</span>
                        @else
                            <span class="btn btn-success rounded-pill">Deliverd</span>
                        @endif
                    </div>
                    <div class="col-md-12 mt-5">
                        <table class="table">
                            <thead>
                              <tr>
                                <th scope="col">#</th>
                                <th scope="col">Item Code</th>
                                <th scope="col">Name</th>
                                <th scope="col">Type</th>
                                <th scope="col">Category</th>
                                <th scope="col">QTY</th>
                              </tr>
                            </thead>
                            <tbody>

                                @php
                                    $i = 1
                                @endphp
                                @foreach ($items as $item)
                                    @if ($item->item->type == 'sets')
                                    <tr>
                                        <td>{{ $i }}</td>
                                        <td>{{ $item->item->item_code}}</td>
                                        <td>{{ $item->item->name}}</td>
                                        <td>{{ $item->item->type}}</td>
                                        <td>{{ $item->item->category->name }}</td>
                                        <td>{{ $item->qty }}</td>
                                    </tr>
                                        @foreach ($item->item->sets as $v)
                                        <tr>
                                            <td>{{ $i  }}</td>
                                            <td>{{ $v->item->item_code}}</td>
                                            <td>{{ $v->item->name}}</td>
                                            <td>{{ $v->item->type}}</td>
                                            <td>{{ $v->item->category->name}}</td>
                                            <td>{{ $v->qty}}</td>
                                            @php
                                                $i++
                                            @endphp
                                        </tr>
                                        @endforeach
                                    @else
                                    <tr>
                                        <td>{{ $i }}</td>
                                        <td>{{ $item->item->item_code}}</td>
                                        <td>{{ $item->item->name}}</td>
                                        <td>{{ $item->item->type}}</td>
                                        <td>{{ $item->item->category->name }}</td>
                                        <td>{{ $item->qty }}</td>
                                    </tr>
                                    {{ $i++ }}
                                    @endif
                                @endforeach
                            </tbody>
                          </table>
                    </div>
                    </div>
                 </div>
          </div>
       </form>
    </div>
 </div>
 <div id="saveActions" class="form-group">
     @if ($data->status == 'delivered')
     <button  id="btn-print" data-id="{{$data->id}}" type="button" class="btn btn-info"> <i class="la la-print"></i>  Print</button>
     @else
     <button  id="btn-delivery"  data-id="{{$data->id}}" type="button" class="btn btn-success"> <i class="la la-truck-pickup"></i>  Delivery</button>
     @endif

    <a href="{{route('stock-requisition.index')}}" class="btn btn-default"><span class="la la-ban"></span> &nbsp;Cancel</a>
 </div>
 </div>

 <style>
    .card-style {
        overflow: hidden;
        border-radius: 20px;
        border: none;
        box-shadow: 0 4px 24px 0 rgb(0 0 0 / 5%);
    }
</style>
@endsection
@section('after_styles')
<link rel="stylesheet" href="{{ asset('packages/backpack/crud/css/crud.css').'?v='.config('backpack.base.cachebusting_string') }}">
<link rel="stylesheet" href="{{ asset('packages/backpack/crud/css/show.css').'?v='.config('backpack.base.cachebusting_string') }}">
<link rel="stylesheet" href="{{ asset('packages/select2/dist/css/select2.min.css')}}">
<link rel="stylesheet" href="{{ asset('packages/select2-bootstrap-theme/dist/select2-bootstrap.css')}}">
<link rel="stylesheet" href="{{ asset('packages/bootstrap-datepicker/dist/css/bootstrap-datepicker.css')}}">
<link rel="stylesheet" href="{{ asset('packages/datatables.net-bs4/css/dataTables.bootstrap4.min.css')}}">
@endsection

@section('after_scripts')
<script src="{{ asset('packages/select2/dist/js/select2.full.js')  }}"></script>
<script src="{{ asset('packages/bootstrap-datepicker/dist/js/bootstrap-datepicker.js')  }}"></script>
<script >
    $(document).on('click', '#btn-delivery', function(e) {
        let url = `{{route('picklist.deliver', ':id')}}`
        url = url.replace(':id', $(this).data('id'));
        let setData = getDataWithAjax(url, "POST", []);
        setData.done(function(res) {
            console.log(res)
            new Noty({
                text: "Success Delivery Pick List",
                type: "success"
            }).show();
            window.location.reload();
        })

        setData.fail(function(res) {
            new Noty({
                text: res.responseJSON.errors,
                type: "danger"
            }).show();
        })

    });
    $(document).on('click', '#btn-print', function(e) {
        let url = `{{route('picklist.print', ':id')}}`
        url = url.replace(':id', $(this).data('id'));
        let setData = getDataWithAjax(url, "GET", []);
        setData.done(function(res) {
            window.open(
                url,
                '_blank'
            );
        })
        setData.fail(function(res) {
            console.log(res)
            new Noty({
                text: res.responseJSON.errors,
                type: "danger"
            }).show();
        })

    });

    function getDataWithAjax(url_, method_ = 'GET', data_ = []) {
        var ajax_ = $.ajax({
            url: url_,
            method: method_,
            data: data_,
        });

        return ajax_;
    }
</script>
@endsection