@extends("WarehouseDashboard.layouts.dashboard.app")

@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i> {{__('Delivery Documents')}}</h1>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#"></a></li>
        </ul>
    </div>
@endsection
@section("content")
    @include("layouts.main-parts.page-message")

    <div class="row">
        <div class="col-md-12">
            <div class="tile">
                <form action="{{route("Document.show.delievery.document")}}">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="exampleSelect1">{{__('Select Request type')}}</label>
                            <select class="form-control" onchange="this.form.submit()" id="exampleSelect1"  name="Type">
                                <option value="" selected>{{__("All")}}</option>
                                <option {{Request()->Type == 1 ?"selected":""}} value="1">{{__("Warehouse")}}</option>
                                <option {{Request()->Type == 2 ?"selected":""}} value="2">{{__("Operator")}}</option>
                            </select>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="col-md-12">
            <div class="tile">
                <div class="tile-body">
                    <div class="tile">
                        @if(!empty($orders))
                            <button class="btn btn-primary" type="submit">{{__("Create Production Documnet")}}</button>
                        @endif
                        <div class="col-lg-12 p-4 text-right" id="export">
                        </div>
                        <div class="row">
                            <div class="table-responsive">
                                <table class="table table-striped" id="sampleTable">
                                    <thead>
                                    <tr>
                                        <th>{{__('document number')}}</th>
                                        <th>{{__('نوع السند')}}</th>
                                        <th>{{__('request type')}}</th>
                                        <th>{{__('export document')}}</th>
                                        <th>{{__('Branch name')}}</th>
                                        <th>{{__('show document')}}</th>
                                        <th>{{__('Created at')}}</th>
                                        <th>{{__('cancel-archiving')}}</th>
                                    </tr>
                                    </thead>
                                    <tbody id="tbody">
                                    @if(!empty($Documentaions))
                                        @foreach($Documentaions as $index => $document)
                                                <tr>
                                                <td>{{$document->document_number}}</td>
                                                <td>{{$document->document_type == 1 ? __("سند أنتاج") : __("سند توصيل")}}</td>
                                                <td>{{$document->Type == 1 ? __("Warehouse") : __("Operator")}}</td>

                                                <td>
                                                    <a href="{{route("pdf", ['type'=>"pd",'documnet_id' => $document->id])}}" class="btn btn-primary"  target="_blank"><i class="fas fa-plus"></i> {{__('Pdf')}}</a>
                                                    <a href="{{route("Daily_production.export.excel",["documnet_id"=>$document->id])}}" download="download" class="btn btn-primary"><i class="far fa-fw fa-lg  fa-file-excel text-left"></i>{{__("Export As Excel")}}</a>

                                                </td>
                                                <td> {{$document->branch->store_name ?? null}}</td>
                                                <td>
                                                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#openMap{{$document->id}}">
                                                        {{__("Show")}}
                                                    </button>
                                                    <div class="modal fade" id="openMap{{$document->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                        <div class="modal-dialog modal-lg">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <h5 class="modal-title" id="exampleModalLabel">{{__("document detail")}}</h5>

                                                                </div>
                                                                <span class=" m-4">
                                                                                    {{__("Branch name")}} : {{$document->branch->store_name ?? ""}}
                                                                                </span>
                                                                <div class="modal-body">
                                                                    <div class="table-responsive">
                                                                        <table class="table table-striped" id="sampleTable2">
                                                                            <thead>

                                                                            <tr>
                                                                                <th>{{__('Item Code')}}</th>
                                                                                <th>{{__('English Item name')}}</th>
                                                                                <th>{{__('Arabic Item name')}}</th>
                                                                                <th>{{__('Unit')}}</th>
                                                                                <th>{{__('production quantity')}}</th>
                                                                            </tr>
                                                                            </thead>
                                                                            <tbody id="tbody">
                                                                            @if(isset($document->items))
                                                                                @foreach($document->items as $do)
                                                                                    <tr>
                                                                                        <td>{{$do->item->item_code}}</td>
                                                                                        <td>{{$do->item->name_en}}</td>
                                                                                        <td>{{$do->item->name_ar}}</td>
                                                                                        <td>{{$do->item->getUnitNameAttribute()}}</td>
                                                                                        <td>{{$do->reply}}</td>
                                                                                        @endforeach
                                                                                        @endif
                                                                                    </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </div>
                                                                </div>
                                                                <div class="modal-footer">
                                                                    <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td style="direction: ltr">{{$document->created_at->format('Y-m-d - h:i:s') }}</td>
                                                    <td>

                                                    <form action="{{route("Document.unarchive_document", $document->id)}}" method="post">
                                                        @csrf
                                                        @method("put")
                                                        <button type="submit" class="btn btn-primary">
                                                            {{__("cancel-archiving")}}
                                                        </button>
                                                    </form>
                                                    </td>

                                            </tr>
                                        @endforeach
                                    @else
                                        <td colspan="7"><div class="text-center">{{__("No data yet")}}</div></td>
                                    @endif
                                    </tbody>
                                </table>
                                <div>
                                    {{$Documentaions->links("pagination::bootstrap-4")}}
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </div>



@endsection
@section("scripts")
    <!-- Data table plugin-->
    <script src="https://cdn.datatables.net/plug-ins/1.10.11/sorting/date-eu.js"></script>

    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script type="text/javascript" src="{{asset("assets/js/plugins/jquery.dataTables.min.js")}}"></script>
    <script type="text/javascript" src="{{asset("assets/js/plugins/dataTables.bootstrap.min.js")}}"></script>
    <script src="https://cdn.datatables.net/buttons/2.3.4/js/dataTables.buttons.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.3.4/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.3.4/js/buttons.print.min.js"></script>
    <script type="text/javascript">
    </script>
    <script type="text/javascript">$('#sampleTable').DataTable({
            order: [[ "Created at", 'desc' ]],
            "bPaginate": false,
            "bInfo": false
        });</script>

@endsection