@extends("newDashboard.index")

@section("css")
    <link rel="stylesheet" href="{{asset('metronic/css/data-table.css')}}">
    <style>
        .custom-width-table-rejectes-sales {
            width: 98%;
        }

        .custom-margin-table-rejectes-sales {
            margin: 18px;

        }
    </style>
@endsection

@section("main-content")
    <div class="content-wrapper">
        <div class="page-header">
            <h3 class="page-title">
      <span class="page-title-icon bg-gradient-primary text-white me-2">
        <i class="mdi mdi-cards-variant menu-icon"></i>
      </span> {{__('messages.Rejected Sales Orders')}} ({{__("Temporary System")}})
            </h3>
        </div>
        <div class="row">
            <div id="success_message"></div>


            <input type="hidden" id="data-table-link" value="{{ route('temp-sales-rejected-order-data') }}"/>
            <input type="hidden" id="view-ajax-route" value="{{ route('temp-sales-rejected-order-details') }}"/>
            <input type="hidden" id="accept-ajax-route"
                   value="{{ route('temp-sales-rejected-order-accept') }}"/>
            <input type="hidden" id="print-all-url" value="{{ route('temp-sales-rejected-order-data-print') }}"/>

            <input type="hidden" id="accept-id-input"/>

            <div class="table-responsive customscroll">
                <table class="table datatable text-center" id="table">
                    <thead>
                    <tr>
                        <th>{{__('messages.ID')}}</th>
                        <th>{{__('messages.Permit ID')}}</th>
                        <th>{{__('messages.Status')}}</th>
                        <th>{{__('messages.Driver Name')}}</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>

    {{-- ------------- MODALS ----------------- --}}

    {{-- View Modal --}}
    <div class="modal fade" id="ViewOrderModal" tabindex="-1" aria-labelledby="ViewOrderModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="ViewOrderModalLabel">{{__('messages.Rejected Reason')}}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body row">
                    <div class="form-group">
                        <label for="rejected-reason">{{__("Rejected Reason")}}</label>
                        <textarea class="form-control" id="rejected-reason" rows="3" disabled></textarea>
                    </div>
                </div>
                <div class="">
                    <div class=" overflow-auto custom-margin-table-rejectes-sales">
                        <h4 class="card-title">{{__('messages.Attachments to rejected sales requests')}}</h4>
                        <div id="user_files">
                        </div>
                        <div class="custoTable custom-width-table-rejectes-sales">
                            <div class="table_responsive">
                                <table id="show-myTableFile">
                                    <thead>
                                    <tr>
                                        <th>{{__('messages.Files')}}</th>
                                        <th>{{__('messages.Name')}}</th>
                                        <th>{{__('messages.Action')}}</th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary"
                            data-bs-dismiss="modal">{{__('messages.Close')}}</button>
                </div>
            </div>
        </div>
    </div>
    {{-- View Modal End--}}

    {{-- START ACCEPT MODAL --}}
    <div class="modal fade" id="acceptModal" tabindex="-1" aria-labelledby="acceptModalLabel" aria-hidden="true">
        <input type="hidden" id="acceptModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="acceptModalLabel">{{__('messages.Accept Order')}}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <h4>{{__('messages.Confirm Accept Order')}}</h4>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary"
                            data-bs-dismiss="modal">{{__('messages.Close')}}</button>
                    <button type="button" class="btn btn-primary accept_order"
                            data-id=>{{__('messages.Accept')}}</button>
                </div>
            </div>
        </div>
    </div>
    {{-- END DELETE MODAL --}}
@endsection

@section("scripts")
    <script>
        var translations = {
            'ID': '{{ __("messages.ID") }}',
            'Permit ID': '{{ __("messages.Permit ID") }}',
            'Status': '{{ __("messages.Status") }}',
            'Driver Name': '{{ __("messages.Driver Name") }}',
            'Rejected Sales Orders': '{{ __("messages.Rejected Sales Orders") }}',
        };
    </script>
    <script src="{{asset("metronic/js/pages/temp/rejected-sales-orders.js")}}"></script>
@endsection