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

@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i>{{__('show collection orders')}}</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")
    <form action="{{route('RequestOrder.show.collect.order')}}" method="get">
        <div class="col-lg-12 m-auto">
            <div class="tile">
                <div class="tile-body">
                    <div class="form-group row">
                        <div class="col-sm-2">
                            <input type="date" name="createdAt" style="padding:5px 30px" value="{{$date}}"/>
                        </div>
                        <div class="col-sm-5">
                            <a id="link">
                                <button class="btn btn-primary" type="submit"
                                        style="color: white; padding:6px; margin: 0" id="filterBtn"><i
                                        class="fa fa-fw fa-lg fa-check-circle"></i> {{__("Filter")}}</button>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <div class="row">
        <div class="col-md-12">

            <div class="tile">
                <div class="tile-body">
                    <div class="tile">
                        <div class="row">
                            <div class="table-responsive">
                                <table class="table table-striped" id="table">
                                    <thead>
                                    <tr>
                                        <th>{{__("#")}}</th>
                                        <th>{{__('Type')}}</th>
                                        <th>{{__('Created at')}}</th>
                                        <th>{{__('Create Document')}}</th>
                                        <th>{{__('Show')}}</th>
                                        <th>{{__('export document')}}</th>
                                        <th>{{__('cancel-compilation')}}</th>
                                    </tr>
                                    </thead>
                                    <tbody id="tbody">
                                    @foreach($colecction as $collect)
                                        @php
                                            $deliveryDoc = \App\Models\Documentaions::where([["collection_id",$collect->id],["document_type",2]])->exists();
                                        @endphp
                                        @if(is_warehouse_manger() && $collect->type != 1)
                                            @continue
                                        @elseif(is_operator_manger() && $collect->type ==1)
                                            @continue
                                        @endif
                                        <tr>
                                            <td>{{$collect->id}}</td>
                                            <td>{{$collect->type == 1 ? __("Warehouse") :__("Operator")}}</td>
                                            <td>{{$collect->created_at}}</td>
                                            <td>
                                                @if(isset($collect->Documents))
                                                    @php $document_type=[]@endphp
                                                    @foreach($collect->Documents as $key => $Document)
                                                        @php
                                                            $document_type[]=$Document->document_type;
                                                        @endphp
                                                    @endforeach
                                                    @if(isset($document_type))

                                                        @if(!in_array(1,$document_type) )
                                                            <a href="{{route("Document.create",["collect_id"=>$collect->id,"type"=>$collect->type,"document_type"=>1])}}">
                                                                <button onclick="handleButtonClick(this)"  class="btn btn-primary" >
                                                                    {{__('Production document')}}
                                                                </button>

                                                            </a>
                                                        @endif
                                                    @endif
                                                    @if(check_branch($collect->id))
                                                        <a href="{{route("Document.create_documents_delivery",["collect_id"=>$collect,"Type"=>$collect->type,"document_type"=>2])}}"><button class="btn btn-primary" @if(\App\Models\Documentaions::where([["collection_id", $collect->id], ["document_type", 2]])->exists()) disabled @endif>{{__('Delivery document')}}</button></a>
                                                        <a href="{{ route("Document.create_documents_delivery", ["collect_id" => $collect, "Type" => $collect->type, "document_type" => 2]) }}">
                                                            <button id="deliveryButton" class="btn btn-primary" @if(\App\Models\Documentaions::where([["collection_id", $collect->id], ["document_type", 2]])->exists()) disabled @endif>
                                                                {{ __('Delivery document for all ') }}
                                                            </button>
                                                        </a>
                                                    @endif

                                                    {{--                                                            <span style="color: green">{{__("Done")}}</span>--}}
                                                @endif
                                            </td>
                                            <td><a href="{{route("collect.orders.show", ['id' => $collect->id])}}" class="btn btn-primary"  >{{__('Show')}}</a></td>
                                            <td>
                                                <a href="{{route("pdfCompilation", ['collect_id' => $collect->id])}}" class="btn btn-primary"  target="_blank"><i class="fas fa-plus"></i> {{__('Pdf')}}</a>
                                                <a href="{{route("excel",["collect_id"=>$collect->id])}}"  class="btn btn-primary"><i class="far fa-fw fa-lg  fa-file-excel text-left"></i>{{__("Export As Excel")}}</a>
                                            </td>
                                            <td>
                                                <form action="{{route("cancel-compilation", ['id' => $collect->id])}}"  id="new" method="post" data-swal-title="{{__('confirm')}}" data-swal-text="{{__('Are Your Sure To Cancel Compilation ?')}}" data-yes="{{__('Yes')}}" data-no="{{__('No')}}" data-success-msg="{{__('the-compilation-has-been-cancelled-successfully')}}">
                                                    <span href="#" class="control-link remove form-confirm" data-form-id="#new"><button @if($collect->can_cancel == 0) disabled @endif type="submit"  class=" btn btn-primary" >{{__("cancel-compilation")}}</button></span>
                                                    @csrf
                                                </form>
                                            </td>
                                        </tr>

                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section("scripts")
    <script>
        function disableButton(button) {
            button.disabled = true;
            button.innerHTML = 'انتظر قليلا...';
        }

        function enableButton(button, buttonText) {
            button.disabled = false;
            button.innerHTML = buttonText;
        }

        async function handleButtonClick(button) {
            if (button.disabled) {
                return;
            }

            disableButton(button);

            try {
                const response = await fetch('/creat_Document', {
                    method: 'GET',
                });

                const responseData = await response.json();
                console.log(responseData);

            } catch (error) {
                console.error('Error:', error);

            } finally {
                enableButton(button, 'Click Me');
            }
        }


    </script>
    <script>
        let isButtonDisabled = false
        window.addEventListener('load', function() {
            document.getElementById('deliveryButton').attr('disabled',true);
        });

        document.getElementById('deliveryButton').addEventListener('click', function(event) {

                this.disabled = true;
                isButtonDisabled = true;

                setTimeout(function() {
                    document.getElementById('deliveryButton').disabled = false;
                    isButtonDisabled = false;
                }, 20000);

        });


    </script>

@endsection