@extends('layouts.app')

@section('title', \App\CPU\translate('Wasfaty 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">
            <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
                <div id="kt_app_toolbar_container" class="app-container container-xxxl d-flex flex-stack">
                    <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                        <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">
                            Wasfty List </h1>
                        <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                            <li class="breadcrumb-item text-muted">
                                <a href="" class="text-muted text-hover-primary">Dashboard</a>
                            </li>
                            <li class="breadcrumb-item">
                                <span class="bullet bg-gray-400 w-5px h-2px"></span>
                            </li>
                            <li class="breadcrumb-item text-muted">Wasfaty</li>
                            <li class="breadcrumb-item">
                                <span class="bullet bg-gray-400 w-5px h-2px"></span>
                            </li>
                            <li class="breadcrumb-item text-muted">{{ \App\CPU\translate('Mapping') }}</li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--begin::Card-->
            <div class="card">
                <!-- Data Table Top -->

                <div class="card-header justify-content-end">
                    <div class="d-flex align-items-center gap-2 gap-lg-3">

                        <button type="submit" form="searchForm"
                            class="btn btn-sm fw-bold btn-primary">
                            <i class="fas fa-search me-1"></i> {{ \App\CPU\translate('Search') }}
                        </button>


                        <a href="{{ route('admin.wasfaty.mapping.export') }}"
                            class="btn btn-sm fw-bold btn-primary d-flex align-items-center">
                            <i class="fas fa-file-export me-2"></i>
                            {{ \App\CPU\translate('Export') }}
                        </a>


                        <a href="{{ route('admin.wasfaty.mapping.create') }}"
                            class="btn btn-sm fw-bold btn-primary">
                            <i class="fas fa-plus me-1"></i> {{ \App\CPU\translate('Add New') }}
                        </a>
                    </div>
                </div>

                <div class="card-header py-5">
                    <form class="row w-100" action="{{ url()->current() }}" method="GET" id="searchForm">
                        <div class="row col-12">

                            <div class="col-md-4 mb-3">
                                <label for="contract_no_select" class="form-label fw-semibold text-muted mb-1">
                                    {{ \App\CPU\translate('Wasfaty Code') }}
                                </label>
                                <select id="contract_no_select"
                                        name="search_wasfaty_code"
                                        data-control="select2"
                                        data-placeholder="{{ \App\CPU\translate('Wasfaty Code') }}"
                                        class="form-select form-select-sm form-select-solid">
                                    <option value="0" selected disabled>{{ \App\CPU\translate('Wasfaty Codes') }}</option>
                                    <option value="no">{{ \App\CPU\translate('No select') }}</option>
                                    @foreach ($mapping_data as $code)
                                        <option value="{{ $code->wasfaty_code }}"
                                            {{ request()->search_wasfaty_code == $code->wasfaty_code ? 'selected' : '' }}>
                                            {{ $code->wasfaty_code }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>


                            <div class="col-md-4 mb-3">
                                <label for="item_select" class="form-label fw-semibold text-muted mb-1">
                                    {{ \App\CPU\translate('Item No') }}
                                </label>
                                <select id="item_select"
                                        name="search_item_no"
                                        data-control="select2"
                                        data-placeholder="{{ \App\CPU\translate('Item No') }}"
                                        class="form-select form-select-sm form-select-solid">
                                    <option value="0" selected disabled>{{ \App\CPU\translate('Item No') }}</option>
                                    <option value="no">{{ \App\CPU\translate('No select') }}</option>
                                    @foreach ($mapping_data as $item)
                                        <option value="{{ $item->ITEM_NO }}"
                                            {{ request()->search_item_no == $item->ITEM_NO ? 'selected' : '' }}>
                                            {{ $item->ITEM_NO }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- End Search -->
            </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('NHIC') }}</th>
                                <th>{{ \App\CPU\translate('Description') }}</th>
                                <th>{{ \App\CPU\translate('Trade Name') }}</th>
                                <th>{{ \App\CPU\translate('Item No') }}</th>
                                <th>{{ \App\CPU\translate('Item Name') }}</th>
                                <th>{{ \App\CPU\translate('SFDA Code') }}</th>
                                <th>{{ \App\CPU\translate('Creation Date') }}</th>
                                <th>{{ \App\CPU\translate('Updated Date') }}</th>
                                <th>{{ \App\CPU\translate('Actions') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($mapping_data as $record_index => $record)
                                <tr>

                                    <td>{{ $record_index + 1 }}</td>
                                    <td>{{ $record['wasfaty_code'] }}</td>
                                    <td>{{ $record['wasfaty_desc'] }}</td>
                                    <td>{{ $record['trade_name'] }}</td>
                                    <td>{{ $record['ITEM_NO'] }}</td>
                                    <td>{{ $record->item->ITEM_NAME_E ?? null }}</td>
                                    <td>{{ $record->item->REGISTRATION_NO ?? null }}</td>
                                    <td>{{ \Carbon\Carbon::parse($record['created_at'])->format('d/m/Y') }}</td>
                                    <td>{{ \Carbon\Carbon::parse($record['updated_at'])->format('d/m/Y') }}</td>
                                    <td>
                                        <a href="#" class="btn btn-sm btn-icon btn-light btn-active-light-primary"
                                            data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                                            <span class="svg-icon svg-icon-2">
                                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <rect x="10" y="10" width="4" height="4" rx="2"
                                                        fill="currentColor" />
                                                    <rect x="17" y="10" width="4" height="4" rx="2"
                                                        fill="currentColor" />
                                                    <rect x="3" y="10" width="4" height="4" rx="2"
                                                        fill="currentColor" />
                                                </svg>
                                            </span>
                                        </a>
                                        <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4"
                                            data-kt-menu="true">
                                            <div class="menu-item px-3">
                                                <a href="{{ route('admin.wasfaty.mapping.edit', [$record['id']]) }}"
                                                    class="menu-link px-3">{{ \App\CPU\translate('Edit') }}</a>
                                            </div>
                                            <div class="menu-item px-3">
                                                <a class="delete menu-link px-3" id="{{ $record['id'] }}"
                                                    data-kt-redirect="">{{ \App\CPU\translate('Delete') }}</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                </a>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="table-responsive mt-4">
                <div class="d-flex justify-content-lg-end">
                    <!-- Pagination -->
                    {{ $mapping_data->links() }}
                </div>
            </div>
            @if (count($mapping_data) == 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 src="{{ asset('assets') }}/js/bootstrap-datepicker.min.js"></script>
    <script>
        //datepicker$('.datepicker').datepicker();
        rtl = false;
        $(document).on('change', 'select', function() {
            if ($(this).val() == 'no') {
                $(this).val(null).trigger("change");
            }
        })

        $(document).on('click', '.delete', function() {
            var id = $(this).attr("id");
            Swal.fire({
                title: '{{ \App\CPU\translate('Are you sure delete this Record') }}?',
                text: "{{ \App\CPU\translate('You_will_not_be_able_to_revert_this') }}!",
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '{{ \App\CPU\translate('Yes') }}, {{ \App\CPU\translate('delete_it') }}!',
                cancelButtonText: "{{ \App\CPU\translate('cancel') }}",
                reverseButtons: true
            }).then((result) => {
                if (result.value) {
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                        }
                    });
                    $.ajax({
                        url: "{{ route('admin.wasfaty.mapping.delete') }}",
                        method: 'POST',
                        data: {
                            id: id
                        },
                        success: function() {
                            toastr.success(
                                '{{ \App\CPU\translate('Record deleted successfully') }}');
                            location.reload();
                        }
                    });
                }
            })
        });
    </script>
@endpush