@extends('layouts.app')
@section('title', \App\CPU\translate('Campaign Edit'))
@push('css_or_js')
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <link rel="stylesheet" href="{{ asset('assets') }}/css/bootstrap-datepicker.min.css" />
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <style>
        .form-group {
            margin-bottom: 25px;
            padding-right: 25px;
        }
    </style>
@endpush

@section('content')
    <div class="app-main flex-column flex-row-fluid" id="kt_app_main">

        <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
            <!--begin::Toolbar container-->
            <div id="kt_app_toolbar_container" class="app-container container-xxxl d-flex flex-stack">
                <!--begin::Page title-->
                <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                    <!--begin::Title-->
                    <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">Campaign
                    </h1>
                    <!--end::Title-->
                    <!--begin::Breadcrumb-->
                    <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                        <!--begin::Item-->
                        <li class="breadcrumb-item text-muted">
                            <a href="" class="text-muted text-hover-primary">Dashboard</a>
                        </li>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <li class="breadcrumb-item">
                            <span class="bullet bg-gray-400 w-5px h-2px"></span>
                        </li>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <li class="breadcrumb-item text-muted">Campaign</li>
                        <!--begin::Item-->
                        <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('Campaign Update') }}</li>
                        <!--end::Item-->
                    </ul>
                    <!--end::Breadcrumb-->
                </div>
                <!--end::Page title-->

            </div>
            <!--end::Toolbar container-->
        </div>


        <!-- Content Row -->
        <div class="app-container container-xxxl d-flex flex-stack">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('admin.campaign.update', [$b['id']]) }}" method="post"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-6 form-group">
                                        <label for="CUSTOMER_ID"
                                            class="title-color">{{ \App\CPU\translate('Campign No') }}</label>
                                        <input type="text" name="CUSTOMER_ID" value="{{ $b['CONTRACT_NO'] }}"
                                            class="form-control" id="CONTRACT_NO"
                                            placeholder="{{ \App\CPU\translate('Campign No') }}" disabled>
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="CONTRACT_NAME"
                                            class="title-color">{{ \App\CPU\translate('Camping Name') }}</label>
                                        <input type="text" value="{{ $b['CONTRACT_NAME'] }}" required
                                            name="CAMPAIGN NAME" class="form-control" id="CONTRACT_NAME"
                                            placeholder="{{ \App\CPU\translate('Camping Name') }}">
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="CONTRACT_CATEGORY"
                                            class="title-color">{{ \App\CPU\translate('Camping Category') }}</label>
                                        <input type="text" value="{{ $b['CONTRACT_CATEGORY'] }}"
                                            name="CONTRACT_CATEGORY" class="form-control" id="CONTRACT_CATEGORY"
                                            placeholder="{{ \App\CPU\translate('Camping Category') }}">
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="CONTRACT_TYPE"
                                            class="title-color">{{ \App\CPU\translate('Camping Type') }}</label>
                                        <input type="text" value="{{ $b['CONTRACT_TYPE'] }}" name="CONTRACT_TYPE"
                                            class="form-control" id="CONTRACT_TYPE"
                                            placeholder="{{ \App\CPU\translate('Camping Type') }}" disabled>
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="CONTRACT_STATUS"
                                            class="title-color">{{ \App\CPU\translate('Camping Status') }}</label>
                                        <input type="text" value="{{ $b['CONTRACT_STATUS'] }}" name="CONTRACT_STATUS"
                                            class="form-control" id="CONTRACT_STATUS"
                                            placeholder="{{ \App\CPU\translate('Camping Status') }}" disabled>
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="CREATED_BY"
                                            class="title-color">{{ \App\CPU\translate('Created_by') }}</label>
                                        <input type="text" value="{{ $b->admin->email }}" name="CREATED_BY"
                                            class="form-control" id="CREATED_BY"
                                            placeholder="{{ \App\CPU\translate('Created_by') }}" disabled>
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="CREATION_DATE"
                                            class="title-color">{{ \App\CPU\translate('Creation Date') }}</label>
                                        <input type="text" value="{{ $b['created_at'] }}" name="CREATION_DATE"
                                            class="form-control" id="CREATION_DATE"
                                            placeholder="{{ \App\CPU\translate('Creation Date') }}" disabled>
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="START_DATE_ACTIVE"
                                            class="title-color">{{ \App\CPU\translate('Effective Date From') }}</label>
                                        <input type="text" value="{{ $b['START_DATE_ACTIVE'] }}"
                                            name="START_DATE_ACTIVE" class="form-control" id="START_DATE_ACTIVE"
                                            placeholder="{{ \App\CPU\translate('Effective Date From') }}" required>
                                    </div>

                                </div>
                            </div>
                            @if($b['CONTRACT_STATUS'] != 'approve')
                            @if (
                                \App\CPU\Helpers::module_permission_check('contract_management') ||
                                    \App\CPU\Helpers::module_permission_check('contract_upload_approve'))
                                <div class="d-flex justify-content-end">
                                    <button type="submit" class="btn btn-primary px-4"
                                        style="margin-right:20px">{{ \App\CPU\translate('Update') }}</button>
                                    @if (
                                        (\App\CPU\Helpers::module_permission_check('contract_management') ||
                                            \App\CPU\Helpers::module_permission_check('contract_upload_approve')) &&
                                            $b['CONTRACT_STATUS'] != 'approve')
                                        <button type="button" class="btn btn-primary px-4 approveContract"
                                            id="{{ $b['id'] }}">{{ \App\CPU\translate('Approve Campaign') }}</button>
                                    @endif
                                </div>
                            @endif
                            @endif

                        </form>
                    </div>
                </div>
            </div>
        </div>
        <br>
        <div id="kt_app_content_container" class="app-container container-xxxl">
            <h5 class="mb-0 page-header-title d-flex align-items-center gap-2 border-bottom pb-3 mb-3">
                <i class="tio-user"></i>
                Campaign Lines
            </h5>
            <!--begin::Card-->
            <div class="card">
                <!-- Data Table Top -->
                <div class="px-3 py-4 border-bottom">
                    <div class="row g-2 flex-grow-1">
                        <div class="col-sm-8 col-md-8 col-lg-8">
                            <!-- Search -->
                            <form action="{{ url()->current() }}" method="GET">
                                <div class="col-4 d-flex align-items-center position-relative my-1"
                                    style="float:left;padding:5px">
                                    <select aria-label="Select a Customer name" id="customer_select"
                                        name="search_customer_name" data-control="select2"
                                        data-placeholder="Customer Name"
                                        class="form-select form-select-sm form-select-solid ">
                                        <option value="0" selected disabled>Customer Name</option>
                                        @foreach ($customers as $customer)
                                            <option value="{{ $customer->id }}">{{ $customer->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-4 d-flex align-items-center position-relative my-1"
                                    style="float:left;padding:5px;">
                                    <select aria-label="Select an Item Code" id="item_select" name="search_item_no"
                                        data-control="select2" data-placeholder="Item No"
                                        class="form-select form-select-sm form-select-solid">
                                        <option value="0" selected disabled>Item No</option>
                                        @foreach ($items as $item)
                                            <option value="{{ $item->id }}">{{ $item->item_code }}</option>
                                        @endforeach
                                    </select>
                                </div>


                                <!-- End Search -->
                        </div>
                        <div class="col-sm-4 col-md-4 col-lg-4 d-flex justify-content-end">
                            <button type="submit" class="btn btn-primary me-3">Search</button>

                            <a href="{{ route('admin.item.export') }}">
                                <!--begin::Export-->
                                <button type="button" class="btn btn-light-primary me-3">
                                    <!--begin::Svg Icon | path: icons/duotune/arrows/arr078.svg-->
                                    <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 opacity="0.3" x="12.75" y="4.25" width="12"
                                                height="2" rx="1" transform="rotate(90 12.75 4.25)"
                                                fill="currentColor" />
                                            <path
                                                d="M12.0573 6.11875L13.5203 7.87435C13.9121 8.34457 14.6232 8.37683 15.056 7.94401C15.4457 7.5543 15.4641 6.92836 15.0979 6.51643L12.4974 3.59084C12.0996 3.14332 11.4004 3.14332 11.0026 3.59084L8.40206 6.51643C8.0359 6.92836 8.0543 7.5543 8.44401 7.94401C8.87683 8.37683 9.58785 8.34458 9.9797 7.87435L11.4427 6.11875C11.6026 5.92684 11.8974 5.92684 12.0573 6.11875Z"
                                                fill="currentColor" />
                                            <path opacity="0.3"
                                                d="M18.75 8.25H17.75C17.1977 8.25 16.75 8.69772 16.75 9.25C16.75 9.80228 17.1977 10.25 17.75 10.25C18.3023 10.25 18.75 10.6977 18.75 11.25V18.25C18.75 18.8023 18.3023 19.25 17.75 19.25H5.75C5.19772 19.25 4.75 18.8023 4.75 18.25V11.25C4.75 10.6977 5.19771 10.25 5.75 10.25C6.30229 10.25 6.75 9.80228 6.75 9.25C6.75 8.69772 6.30229 8.25 5.75 8.25H4.75C3.64543 8.25 2.75 9.14543 2.75 10.25V19.25C2.75 20.3546 3.64543 21.25 4.75 21.25H18.75C19.8546 21.25 20.75 20.3546 20.75 19.25V10.25C20.75 9.14543 19.8546 8.25 18.75 8.25Z"
                                                fill="currentColor" />
                                        </svg>
                                    </span>
                                    <!--end::Svg Icon-->Export
                                </button>
                            </a>
                        </div>
                        </form>

                    </div>
                    <!-- End Row -->
                    <br>
                </div> <br>
                <!-- End Data Table Top -->

                <div class="card-body pt-0">
                    <div id="kt_customers_table_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer">
                        <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 text-uppercase gs-0">
                                    <th>
                                        {{ \App\CPU\translate('SL') }}
                                    </th>
                                    <th>{{ \App\CPU\translate('Customer No') }}</th>
                                    <th>{{ \App\CPU\translate('Customer Name EN') }}</th>
                                    <th>{{ \App\CPU\translate('Customer Name AR') }}</th>
                                    <th>{{ \App\CPU\translate('Item No') }}</th>
                                    <th>{{ \App\CPU\translate('Item Name EN') }}</th>
                                    <th>{{ \App\CPU\translate('Item Name AR') }}</th>
                                    <th>{{ \App\CPU\translate('Start Date') }}</th>
                                    <th>{{ \App\CPU\translate('End Date') }}</th>
                                    <th>{{ \App\CPU\translate('Bill To') }}</th>
                                    <th>{{ \App\CPU\translate('KBD') }}</th>
                                    @if (
                                        (\App\CPU\Helpers::module_permission_check('contract_management') ||
                                            \App\CPU\Helpers::module_permission_check('contract_upload_approve')) &&
                                            $b['CONTRACT_STATUS'] != 'approve')
                                        <th class="text-center">
                                            {{ \App\CPU\translate('action') }}
                                        </th>
                                    @endif
                                </tr>
                            </thead>
                            <tbody>

                                @foreach ($br as $k => $line)
                                    <tr>
                                        <td>{{ $br->firstItem() + $k }}</td>
                                        <td>{{ $line['CUSTOMER_NUMBER'] }}</td>
                                        <td>{{ $line->customer->CUSTOMER_NAME }}</td>
                                        <td>{{ $line->customer->ARABIC_ALTERNATE_NAME }}</td>
                                        <td>{{ $line->item->ITEM_NO }}</td>
                                        <td>{{ $line->item->ITEM_NAME_E }}</td>
                                        <td>{{ $line->item->ITEM_NAME_A }}</td>
                                        <td>{{ $line['START_DATE_ACTIVE'] }}</td>
                                        <td>{{ $line['END_DATE_ACTIVE'] }}</td>
                                        <td>{{ $line['SITE_USE_ID'] }}</td>
                                        <td>{{ $line['KBD'] }}</td>
                                        @if (
                                            (\App\CPU\Helpers::module_permission_check('contract_management') ||
                                                \App\CPU\Helpers::module_permission_check('contract_upload_approve')) &&
                                                $b['CONTRACT_STATUS'] != 'approve')
                                            <td>
                                                <div class="d-flex justify-content-center gap-2">
                                                    <a class="btn btn-sm square-btn"
                                                        title="{{ \App\CPU\translate('Edit') }}"
                                                        href="{{ route('admin.line.edit', [$line['id']]) }}">
                                                        <span class="svg-icon svg-icon-3">
                                                            <svg width="24" height="24" viewBox="0 0 24 24"
                                                                fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path
                                                                    d="M17.5 11H6.5C4 11 2 9 2 6.5C2 4 4 2 6.5 2H17.5C20 2 22 4 22 6.5C22 9 20 11 17.5 11ZM15 6.5C15 7.9 16.1 9 17.5 9C18.9 9 20 7.9 20 6.5C20 5.1 18.9 4 17.5 4C16.1 4 15 5.1 15 6.5Z"
                                                                    fill="currentColor"></path>
                                                                <path opacity="0.3"
                                                                    d="M17.5 22H6.5C4 22 2 20 2 17.5C2 15 4 13 6.5 13H17.5C20 13 22 15 22 17.5C22 20 20 22 17.5 22ZM4 17.5C4 18.9 5.1 20 6.5 20C7.9 20 9 18.9 9 17.5C9 16.1 7.9 15 6.5 15C5.1 15 4 16.1 4 17.5Z"
                                                                    fill="currentColor"></path>
                                                            </svg>
                                                        </span>

                                                    </a>
                                                    <a class="btn btn-sm delete square-btn"
                                                        title="{{ \App\CPU\translate('Delete') }}"
                                                        id="{{ $line['id'] }}">
                                                        <span class="svg-icon svg-icon-3">
                                                            <svg width="24" height="24" viewBox="0 0 24 24"
                                                                fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path
                                                                    d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
                                                                    fill="currentColor"></path>
                                                                <path opacity="0.5"
                                                                    d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
                                                                    fill="currentColor"></path>
                                                                <path opacity="0.5"
                                                                    d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
                                                                    fill="currentColor"></path>
                                                            </svg>
                                                        </span>
                                                    </a>
                                                </div>
                                            </td>
                                        @endif
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

                    </div>
                </div>
                <div class="table-responsive mt-4">
                    <div class="d-flex justify-content-lg-end">
                        <!-- Pagination -->
                        {{ $br->links() }}
                    </div>
                </div>
                @if (count($br) == 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('public/assets/back-end') }}/js/select2.min.js"></script>
    <script src="{{ asset('assets') }}/js/bootstrap-datepicker.min.js"></script>
    <script>
        //datepicker$('.datepicker').datepicker();
        rtl = false;
        if ($('.startdate').length > 0) {
            $('.startdate').datepicker({
                language: rtl ? 'ar' : 'en',
                //startDate:'tomorrow',
                clearBtn: true,
                autoclose: true,
            });
            $('.startdate').datepicker('update', 'tomorrow');
        }
        if ($('.enddate').length > 0) {
            $('.enddate').datepicker({
                language: rtl ? 'ar' : 'en',
                //startDate:'tomorrow',
                clearBtn: true,
                autoclose: true,
            });
            $('.enddate').datepicker('update', 'tomorrow');
        }
        // @if (isset($search_start_date))
        //     $('.startdate').datepicker('update', '{{ $search_start_date }}');
        // @endif
        // @if (isset($search_end_date))
        //     $('.enddate').datepicker('update', '{{ $search_end_date }}');
        // @endif


        $(document).on('click', '.approveContract', function() {
            var id = $(this).attr("id");
            Swal.fire({
                title: '{{ \App\CPU\translate('Are you sure you want to confirm this campaign') }}?',
                text: "{{ \App\CPU\translate('You_will_not_be_able_to_revert_this') }}!",
                type: 'success',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '{{ \App\CPU\translate('Yes') }}, {{ \App\CPU\translate('Confirm 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.campaign.confirm') }}",
                        method: 'POST',
                        data: {
                            id: id
                        },
                        success: function() {
                            toastr.success(
                                '{{ \App\CPU\translate('Contract confirmed successfully') }}'
                            );
                            location.reload();
                        }
                    });
                }
            })
        });
        $(document).on('change', '#customer_select', function() {
            var id = $(this).val();
            var contract_id = $('#contract_select').val();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            $.ajax({
                url: "{{ route('admin.contract.customer.item.filter') }}",
                method: 'GET',
                data: {
                    id: id,
                    contract_id: contract_id,
                },
                success: function(data) {
                    $('#item_select').empty();
                    $('#item_select').append(new Option('item code', '0', true, true));
                    $('#item_select>option[value="0"]').prop('disabled', true);
                    $(data).each(function(i, z) {
                        var search_item_no = '{{ $_GET['search_item_no'] ?? '' }}';
                        if (search_item_no != '' && search_item_no == z.id) {
                            $('#item_select').append(new Option(z.item_code, z.id, true, true))
                            $('#item_select').val(1).trigger('change');
                        } else {
                            $('#item_select').append(new Option(z.item_code, z.id, false, true))
                            $('#item_select').val(1).trigger('change');

                        }
                    })
                }
            });
        });
        $(document).ready(function() {
            var search_contract_name = '{{ $_GET['search_contract_name'] ?? '' }}';
            if (search_contract_name != '') {
                $('#contract_select>option[value=' + search_contract_name + ']').prop('selected', true);
                $('#contract_select').trigger('change');
            }


        });
    </script>
@endpush