@extends('layouts.app')

@section('title', \App\CPU\translate('Destruction List'))
@push('css_or_js')
    <link rel="stylesheet" href="{{ asset('assets') }}/css/bootstrap-datepicker.min.css" />
@endpush

@section('content')
    <div id="kt_app_content" class="app-content flex-column-fluid">
        <div id="kt_app_content_container" class="app-container container-xxxl">
            @include('includes.breadcrumb', [
                'title' => 'Destruction List',
                'model' => 'Destruction',
                'sub_model' => 'List',
                'model_object' => null,
            ])
            <div class="card">
                <div class="px-3 py-4">
                    <div class="row flex-grow-1">
                        <form class="row" action="{{ url()->current() }}" method="GET">
                            <div class="row col-9">
                                <div class="row col-12 align-items-center">
                                    <div class="col-4 form-group">
                                        <label for="date_from"
                                            class="title-color  fw-semibold text-muted">{{ \App\CPU\translate('Request number') }}</label>
                                        <select aria-label="Select request number" id="search_request_no"
                                            name="search_request_no" data-control="select2"
                                            data-placeholder="request number"
                                            class="form-select form-select-sm form-select-solid">
                                            <option value="" selected disabled></option>
                                            <option value="no">No select</option>
                                            @foreach ($requests_no as $number)
                                                <option value="{{ $number }}"
                                                    @if (isset(request()->search_request_no) && request()->search_request_no == $number) selected @endif> {{ $number }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-4 form-group">
                                        <label for="date_from"
                                            class="title-color  fw-semibold text-muted">{{ \App\CPU\translate('Status') }}</label>
                                        <select aria-label="Select Status" id="search_status" name="search_status"
                                            data-control="select2" data-placeholder="Status"
                                            class="form-select form-select-sm form-select-solid">
                                            <option value="" selected disabled></option>
                                            <option value="no">No select</option>
                                            <option value="Waiting Approval"
                                                @if (isset(request()->search_status) && request()->search_status == 'Waiting Approval') selected @endif>Waiting Approval</option>
                                            <option value="Approved" @if (isset(request()->search_status) && request()->search_status == 'Approved') selected @endif>
                                                Approved</option>
                                            <option value="Approved Partially"
                                                @if (isset(request()->search_status) && request()->search_status == 'Approved Partially') selected @endif> Approved Partially
                                            </option>
                                            <option value="Rejected" @if (isset(request()->search_status) && request()->search_status == 'Rejected') selected @endif>
                                                Rejected</option>
                                        </select>
                                    </div>
                                    {{-- <div class="col-4 form-group">
                                        <label for="date_from"
                                            class="title-color  fw-semibold text-muted">{{ \App\CPU\translate('Customer Number') }}</label>
                                        <select aria-label="Select Customer Number" id="search_customer_no"
                                            name="search_customer_no" data-control="select2"
                                            data-placeholder="Customer Number"
                                            class="form-select form-select-sm form-select-solid">
                                            <option value="" selected disabled></option>
                                            <option value="no">No select</option>
                                            @foreach ($customers as $customer)
                                                <option value="{{ $customer }}"
                                                    @if (isset(request()->search_customer_no) && request()->search_customer_no == $customer) selected @endif> {{ $customer }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div> --}}
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="d-flex align-items-center justify-content-end">
                                    <button type="submit"
                                        class="filterBtn btn btn-sm fw-bold btn-primary bigMainBtn">Display</button>
                                    {{-- @if (\App\CPU\Helpers::module_permission_check('contract_upload') || \App\CPU\Helpers::module_permission_check('deal_upload') || \App\CPU\Helpers::module_permission_check('discount_upload')) --}}

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

                <div class="card-body pt-0">
                    <div id="kt_customers_table_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer"
                        style="overflow-x:auto">
                        <table class="table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer">
                            <thead>
                                <tr class="text-start text-gray-400 fw-bold fs-7  gs-0">
                                    {{-- <th>
                                    {{ \App\CPU\translate('Seq#') }}
                                </th> --}}
                                    <th>{{ \App\CPU\translate('Request#') }}</th>
                                    <th>{{ \App\CPU\translate('vendor') }}</th>
                                    <th>{{ \App\CPU\translate('business') }}</th>
                                    <th>{{ \App\CPU\translate('status') }}</th>
                                    <th>{{ \App\CPU\translate('Amount') }}</th>
                                    <th>{{ \App\CPU\translate('Creation Date') }}</th>
                                    <th>{{ \App\CPU\translate('View Details') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if (!empty($destructionRequest))
                                    @foreach ($destructionRequest as $destruction_index => $destruction)
                                        <tr>
                                            <td>{{ $destruction['request_no'] }}</td>
                                            <td>{{ $destruction['vendor'] }}</td>
                                            <td>{{ $destruction['business'] }}</td>
                                            <td>{{ $destruction['status'] }}</td>
                                            <td>{{ $destruction->TotalAmount }}</td>
                                            <td>{{ Carbon\Carbon::parse($destruction['created_at'])->format('d-m-Y') }}</td>
                                            <td>
                                                <a href="{{ route('admin.destruction.details', $destruction['id']) }}"
                                                    class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">
                                                    @include('includes.detailsArrowIcon')
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="table-responsive mt-4">
                    <div class="d-flex justify-content-lg-end">
                        {{ $destructionRequest->links() }}
                    </div>
                </div>
                @if (count($destructionRequest) == 0)
                    <div class="text-center p-4">
                        <p class="mb-0">{{ \App\CPU\translate('No_data_to_show') }}</p>
                    </div>
                @endif
            </div>
        </div>

    </div>
@endsection

@push('script')
    <script>
        $("#btnfile").click(function() {
            $("#uplodfile").click();
        });

        $("#uplodfile").change(function() {
            var file = $(this).val().replace(/C:\\fakepath\\/ig, '');
            $("#fname").text(file);
        });
    </script>
@endpush