@extends('layouts.layout')

@section('title', 'Export Customer')
<!-- @section('content') -->
@section('content')
    <div class="dashboard-inner mb-5">
        <div class="permission-block">
            <div class="dashboard-header">
                <h3>Export Data</h3>
            </div>

            @if(session('lastEntryId'))
                <input type="hidden" id="lastEntryId" value="{{ session('lastEntryId') }}" />
            @else
                <input type="hidden" id="lastEntryId" value="0" />
            @endif

            @if (session('successExport'))
            <div class="alert alert-success success-custom lastEntryMessage">
                {!! session('successExport') !!} or <img  src="{{ asset('images/loader-white.svg')  }}" />
            </div>
            @endif

            <form action="{{ url('customer/export') }}" method="POST">
                @csrf
                <h4 class="mb-3">Please select Data to export</h4>
                <h4 class="mb-4">Data Fields To Show</h4>
                <div class="custom-form-inner  export_data_outer">
                    <div class="custom-form-column">
                        <div class="form-wrap">
                            <label for="" class="mb-0">Customer First Name* </label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="customer_firstname" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Customer Last Name* </label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="customer_last" checked value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Contact Number* </label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="customer_number" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Email Address* </label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="customer_email" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Billing Address </label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="customer_Billing_add" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Delivery Address </label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="customer_Delivery_add" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Number of Shop Sales </label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="customer_shopsale" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Number of Shop Items Purchased </label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="customer_num_of_item_purch" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Value Of Shop Items Purchased </label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="customer_val_of_item_purch" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Number of Lessons Booked </label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="customer_num_of_lessons_book"
                                            checked value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Value of Lessons Booked </label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="customer_val_of_lessons_book"
                                            checked value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Number of Active Lessons Booked </label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox"
                                            name="customer_active_num_of_lessons_book" checked value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Value of Active Lessons Booked </label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox"
                                            name="customer_active_val_of_lessons_book" checked value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Number of Current Waiting Lists</label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="number_of_waiting" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="custom-form-column">
                        <div class="form-wrap">
                            <label for="" class="mb-0">Number of Students</label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="number_of_student" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Franchises Booked With</label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="franchises_booked_with" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Number of Refunds</label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="number_of_refunds" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Value of Refunds</label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="value_of_refunds" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0"> Number of Credit Notes</label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="number_of_credit_notes" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Value of Credit Notes</label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="value_of_credit_notes" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Number of Voucher Codes Used</label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="number_of_voucher_codes_used"
                                            checked value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Value of Voucher Codes</label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="value_of_voucher_codes_used"
                                            checked value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Account Status</label>
                            <div class="toggle-button-cover active-toggle active-toggleNew">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="Yes">
                                        <input type="checkbox" class="checkbox" name="account_status" checked
                                            value="1">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--  <div class="form-wrap">
                          <label for="" class="mb-0">Account Status</label>
                          <div class="toggle-button-cover">
                             <div class="button-cover1">
                                <div class="button r">
                                   <input type="hidden" name="" value="Yes">
                                   <input type="checkbox" class="checkbox" name="" value="No">
                                   <div class="knobs"></div>
                                   <div class="layer"></div>
                                </div>
                             </div>
                          </div>
                       </div> -->
                        <div class="form-wrap">
                            <label for="" class="mb-0">Student surname</label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="student_surname" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Student date of birth</label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="student_date_of_birth" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-wrap">
                            <label for="" class="mb-0">Student age (as of today)</label>
                            <div class="toggle-button-cover">
                                <div class="button-cover1">
                                    <div class="button r">
                                        <input type="hidden" name="" value="No">
                                        <input type="checkbox" class="checkbox" name="student_age" checked
                                            value="Yes">
                                        <div class="knobs"></div>
                                        <div class="layer"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>


                @if ($role_id == 1)
                    <div class="custom-hr mb-4"></div>
                    <h4 class="mb-4">Filter Data by Franchise</h4>

                    <div class="data-by-franchisee">
                        <div class="row">
                            <div class="col-12">
                                <div class="form-wrap">
                                    <input class="styled-checkbox all-franchisee" name="" type="checkbox"
                                        value="" id="dataf0">
                                    <label class="styled-label" for="dataf0">Select All</label>
                                </div>
                            </div>
                            @foreach ($franchises as $franchise)
                                <div class="col-sm-6 col-md-3">
                                    <div class="form-wrap">
                                        <input class="styled-checkbox" name="franchise_name[]" type="checkbox"
                                            value="{{ $franchise->id }}" id="dataf{{ $franchise->id }}">
                                        <label class="styled-label"
                                            for="dataf{{ $franchise->id }}">{{ $franchise->name }}</label>
                                    </div>
                                </div>
                            @endforeach

                        </div>
                    </div>
                @endif

                <div class="custom-hr mb-4"></div>
                <h4 class="mb-4">Filter</h4>

                <div class="custom-form-inner">
                    <div class="custom-form-column">
                        <label for="">Start Date</label>
                        <div class="form-wrap datepicker-block">

                            <input type="text" class="form-control datepicker-custom" value=""
                                name="start_date" placeholder="Start Date*">
                            <i class="fas fa-calendar-alt"></i>
                        </div>
                        <label for="">End Date</label>
                        <div class="form-wrap datepicker-block">
                            <input type="text" class="form-control datepicker-custom" value="" name="end_date"
                                placeholder="End Date*">
                            <i class="fas fa-calendar-alt"></i>
                        </div>

                    </div>
                    <div class="custom-form-column">
                        <div class="form-wrap">
                            <label for="">Term</label>
                            <select name="term_id" id="term_id" class="form-select">
                                <option value="">Select Term</option>
                                @foreach ($terms as $term)
                                    <option value="{{ $term->id }}">{{ $term->term_name }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-wrap">
                            <label for="">Class Type</label>
                            <select name="class_type" id="class_type" class="form-select">
                                <option value="">Select Class Type</option>
                                <option value="weekend">Weekend</option>
                                <option value="holiday">Holiday Camp</option>
                                <option value="other">Other Workshop</option>
                            </select>
                        </div>

                    </div>
                </div>


                <div class="d-flex justify-content-end">
                    <button class="btn customer_export_btn" type="submit"><i class="fas fa-file-download"></i> Export
                        Customer Data</button>
                </div>
            </form>
        </div>
    </div>

    <script type="text/javascript">

        setInterval(function () {
            var lastEntryId = $("#lastEntryId").val();
            if(Number(lastEntryId) > 0) {
                checkExportCustomer(lastEntryId);
            }

        }, 5000);

        function checkExportCustomer(lastEntryId) {

            $.ajax({
                type: 'POST',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                    lastEntryId
                },
                url: "/customer/check_export_customer",
                success: function(responses) {
                    const response = JSON.parse(responses);
                    if(response?.is_email_send == "2") {
                        $("#lastEntryId").val(0);
                        $(".lastEntryMessage").html('Your export has been requested. You will receive a download link via email or <a href="' + response?.file_path + '" download>Download from here</a>')
                    }
                },
            });
        }

    </script>
@endsection