@extends('layouts.app')
@section('content')

    @php
        $time = data_get($settings, 'delivery_time');
        $delivery_time = explode('-', $time);
        $pickup_date = json_decode(data_get($settings, 'pickup_dates'));
        $missed_time = data_get($settings, 'missed_delivery_time');
        $missed_delivery_time = explode('-', $missed_time);
    @endphp
    <div class="table-responsive custom-table-s1">
        @if (session()->has('message'))
            <div class="alert alert-success">{{ session()->get('message') }}</div>
        @endif

        @if (session()->has('error'))
            <div class="alert alert-danger">{{ session()->get('error') }}</div>
        @endif
        <table class="participant_table" width="100%">
            <thead>
                <tr>
                    <th>Settings</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="card forms-card">
                                    <div class="card-body">
                                        <input type="hidden" name="settings_id" id="settings_id"
                                            value="{{ $settings->id }}">
                                        <div class="form-group row">
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label class="text-label" for="application">

                                                        <div class="custom-control custom-switch">
                                                            <input type="checkbox" class="custom-control-input"
                                                                id="datatime_toggle"
                                                                {{ $settings->disabled == 1 ? 'checked=checked' : '0' }}>
                                                            <label class="custom-control-label" for="datatime_toggle">Allow
                                                                Changes</label>

                                                            <!-- <label class="custom-control-label" for="datatime_toggle">
                                                        <input type="checkbox" class="custom-control-input" id="datatime_toggle"
                                                            {{ 'checked' }}>
                                                        Toggle this custom switch element
                                                    </label> -->
                                                        </div>
                                                </div>
                                            </div>
                                            </label>

                                            <div class="basic-form">
                                                <form class="m-form m-form--state" name="frm-create" id="frm-create"
                                                    method="post" action="{{ route('backend.settings.save') }}">
                                                    @csrf
                                                    <input type="hidden" name="disable_status" id="disable_status"
                                                        value="{{ $settings->disabled }}">
                                                    <div class="outer-div">
                                                        <div class="inner-div">
                                                            <div class="form-group row">
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label class="text-label" for="application">
                                                                            Disable Website
                                                                            <div class="switch-field">
                                                                                <input type="radio" id="radio-one"
                                                                                    name="show_application" value="yes"
                                                                                    {{ $settings->show_application == 'yes' ? 'checked=' . '"' . 'checked' . '"' : '' }}
                                                                                    {{ $settings->disabled == 1 ? 'disabled' : '' }} />
                                                                                <label for="radio-one">No</label>
                                                                                <input type="radio" id="radio-two"
                                                                                    name="show_application" value="no"
                                                                                    {{ $settings->show_application == 'no' ? 'checked=' . '"' . 'checked' . '"' : '' }}
                                                                                    {{ $settings->disabled == 1 ? 'disabled' : '' }} />
                                                                                <label for="radio-two">Yes</label>
                                                                            </div>
                                                                    </div>
                                                                </div>

                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        <label class="text-label" for="current_year">
                                                                            Current Blue Santa Year
                                                                        </label>
                                                                        <input type="text" name="current_year"
                                                                            value="{{ date('Y') }}"
                                                                            class="form-control" readonly>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        <label class="text-label" for="max_no_applicants">
                                                                            Maximum number of applicants
                                                                        </label>

                                                                        <input type="number" name="max_no_applicants"
                                                                            class="form-control"
                                                                            value={{ data_get($settings, 'max_no_applicants') }}
                                                                            {{ $settings->disabled == 1 ? 'readonly' : '' }}>
                                                                        @error('max_no_applicants')
                                                                            <div class="error" style="color:red;">
                                                                                {{ $message }}</div>
                                                                        @enderror
                                                                    </div>
                                                                </div>
                                                                {{-- <div class="col-sm-12">
                                                        <div class="form-group">
                                                            <div class="pickup-delivery-input-box">
                                                                <h4>Delivery Date</h4>

                                                                <div class="row">
                                                                    <div class="col-sm-4 col-12">
                                                                        <div class="form-group">
                                                                            <label for="datepicker">Select Date:</label>
                                                                            <input type="date" name="delivery_date" class="date-input form-control" value="{{ data_get($settings, 'delivery_date')}}" {{ ($settings->disabled == 1) ? 'disabled' : '' }}>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-sm-4 col-12">
                                                                        <div class="form-group">
                                                                            <label for="timepicker-start">Start Time:</label>
                                                                            <div class="input-with-right-prefixTime">
                                                                                <div class="left-input">
                                                                                    @php
                                                                                        $delivery_start_time = $delivery_time[0]??"";
                                                                                        if(isset($delivery_start_time) && Str::contains($delivery_start_time, 'PM')){
                                                                                            $delivery_formatted_start_time = Str::replaceLast('PM', '',$delivery_start_time);
                                                                                        }else if(isset($delivery_start_time) && Str::contains($delivery_start_time, 'AM')){
                                                                                            $delivery_formatted_start_time = Str::replaceLast('AM', '',$delivery_start_time);
                                                                                        }
                                                                                    @endphp
                                                                                    <input type="time" name="delivery_starttime" class="time-input form-control" value="{{ $delivery_formatted_start_time }}" {{ ($settings->disabled == 1) ? 'disabled' : '' }}>
                                                                                </div>
                                                                                <div class="right-prefixTime">
                                                                                    <select class="ampm-input form-control" name="stime_type" {{ ($settings->disabled == 1) ? 'disabled' : '' }}>
                                                                                        <option value="am" @if (Str::contains($delivery_start_time, 'AM')) {{"selected"}} @endif >AM</option>
                                                                                        <option value="pm" @if (Str::contains($delivery_start_time, 'PM')) {{"selected"}} @endif>PM</option>
                                                                                    </select>
                                                                                </div>
                                                                            </div>
                                                                            @error('delivery_starttime')
                                                                            <div class="error" style="color:red;">{{ $message }}</div>
                                                                            @enderror
                                                                        </div>
                                                                    </div>

                                                                    <div class="col-sm-4 col-12">
                                                                        <div class="form-group">
                                                                            <label for="timepicker-end">End Time:</label>
                                                                            <div class="input-with-right-prefixTime">
                                                                                <div class="left-input">
                                                                                    @php
                                                                                    $delivery_end_time = $delivery_time[1]??"";
                                                                                    if(isset($delivery_end_time) && Str::contains($delivery_end_time, 'PM')){
                                                                                        $delivery_formatted_end_time = Str::replaceLast('PM', '',$delivery_end_time);
                                                                                    }else if(isset($delivery_end_time) && Str::contains($delivery_end_time, 'AM')){
                                                                                        $delivery_formatted_end_time = Str::replaceLast('AM', '',$delivery_end_time);
                                                                                    }
                                                                                    @endphp
                                                                                    <input type="time" name="delivery_endtime" class="time-input form-control" value="{{ $delivery_formatted_end_time}}" {{ ($settings->disabled == 1) ? 'disabled' : '' }}>
                                                                                </div>
                                                                                <div class="right-prefixTime">
                                                                                    <select class="ampm-input form-control" name="etime_type" {{ ($settings->disabled == 1) ? 'disabled' : '' }}>
                                                                                        <option value="am" @if (Str::contains($delivery_end_time, 'AM')) {{"selected"}} @endif>AM</option>
                                                                                        <option value="pm" @if (Str::contains($delivery_end_time, 'PM')) {{"selected"}} @endif>PM</option>
                                                                                    </select>
                                                                                </div>
                                                                            </div>
                                                                            @error('delivery_endtime')
                                                                            <div class="error" style="color:red;">{{ $message }}</div>
                                                                            @enderror

                                                                            @error('delivery_date')
                                                                            <div class="error" style="color:red;">{{ $message }}</div>
                                                                            @enderror
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div> --}}
                                                                <div class="col-sm-12" style="display: none;">
                                                                    <div class="form-group">
                                                                        <div class="pickup-delivery-input-box">
                                                                            <h4>Delivery Dates </h4>
                                                                            <div class="row" id="dateContainer">
                                                                                <div class="col-12 col-sm-12 date-row">
                                                                                    <div class="row">
                                                                                        @php $count = 1; @endphp
                                                                                        @if ($pickup_date)
                                                                                            @php $count = count($pickup_date); @endphp
                                                                                            @foreach ($pickup_date as $key => $dateValue)
                                                                                                @php
                                                                                                    $pickdate = explode(
                                                                                                        ',',
                                                                                                        $dateValue,
                                                                                                    );
                                                                                                    $picklimit =
                                                                                                        $pickdate[2];

                                                                                                    if (
                                                                                                        isset(
                                                                                                            $pickdate[1],
                                                                                                        )
                                                                                                    ) {
                                                                                                        $picktime = explode(
                                                                                                            '-',
                                                                                                            $pickdate[1],
                                                                                                        );
                                                                                                        $pickup_start_time =
                                                                                                            $picktime[0] ??
                                                                                                            '';

                                                                                                        $pickup_end_time =
                                                                                                            $picktime[1] ??
                                                                                                            '';

                                                                                                        if (
                                                                                                            isset(
                                                                                                                $pickup_start_time,
                                                                                                            ) &&
                                                                                                            Str::contains(
                                                                                                                $pickup_start_time,
                                                                                                                'PM',
                                                                                                            )
                                                                                                        ) {
                                                                                                            $pickup_formatted_start_time = Str::replaceLast(
                                                                                                                'PM',
                                                                                                                '',
                                                                                                                $pickup_start_time,
                                                                                                            );
                                                                                                        } elseif (
                                                                                                            isset(
                                                                                                                $pickup_start_time,
                                                                                                            ) &&
                                                                                                            Str::contains(
                                                                                                                $pickup_start_time,
                                                                                                                'AM',
                                                                                                            )
                                                                                                        ) {
                                                                                                            $pickup_formatted_start_time = Str::replaceLast(
                                                                                                                'AM',
                                                                                                                '',
                                                                                                                $pickup_start_time,
                                                                                                            );
                                                                                                        }

                                                                                                        if (
                                                                                                            isset(
                                                                                                                $pickup_end_time,
                                                                                                            ) &&
                                                                                                            Str::contains(
                                                                                                                $pickup_end_time,
                                                                                                                'PM',
                                                                                                            )
                                                                                                        ) {
                                                                                                            $pickup_formated_end_time = Str::replaceLast(
                                                                                                                'PM',
                                                                                                                '',
                                                                                                                $pickup_end_time,
                                                                                                            );
                                                                                                        } elseif (
                                                                                                            isset(
                                                                                                                $pickup_end_time,
                                                                                                            ) &&
                                                                                                            Str::contains(
                                                                                                                $pickup_end_time,
                                                                                                                'AM',
                                                                                                            )
                                                                                                        ) {
                                                                                                            $pickup_formated_end_time = Str::replaceLast(
                                                                                                                'AM',
                                                                                                                '',
                                                                                                                $pickup_end_time,
                                                                                                            );
                                                                                                        }
                                                                                                    }
                                                                                                @endphp
                                                                                                <div
                                                                                                    class="col-sm-4 col-12">
                                                                                                    <div class="form-group">
                                                                                                        <label>Select
                                                                                                            Date:</label>
                                                                                                        <input
                                                                                                            type="date"
                                                                                                            class="date-input form-control"
                                                                                                            name="pickup_dates[{{ $key }}][date]"
                                                                                                            value="{{ $pickdate[0] }}"
                                                                                                            {{ $settings->disabled == 1 ? 'disabled' : '' }}>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="col-sm-3 col-12">
                                                                                                    <div class="form-group">
                                                                                                        <label
                                                                                                            for="timepicker-start">Start
                                                                                                            Time:</label>
                                                                                                        <div
                                                                                                            class="input-with-right-prefixTime">
                                                                                                            <div
                                                                                                                class="left-input">
                                                                                                                <input
                                                                                                                    type="time"
                                                                                                                    class="time-input form-control timecls"
                                                                                                                    name="pickup_dates[{{ $key }}][start_time]"
                                                                                                                    value="{{ date('H:i', strtotime($pickup_formatted_start_time)) }}"
                                                                                                                    {{ $settings->disabled == 1 ? 'disabled' : '' }}>
                                                                                                            </div>
                                                                                                            <div
                                                                                                                class="right-prefixTime">
                                                                                                                <select
                                                                                                                    class="ampm-input form-control"
                                                                                                                    name="pickup_dates[{{ $key }}][start_time_type]"
                                                                                                                    {{ $settings->disabled == 1 ? 'disabled' : '' }}>
                                                                                                                    <option
                                                                                                                        value="am"
                                                                                                                        @if (isset($pickup_start_time) && Str::contains($pickup_start_time, 'AM')) {{ 'selected' }} @endif>
                                                                                                                        AM
                                                                                                                    </option>
                                                                                                                    <option
                                                                                                                        value="pm"
                                                                                                                        @if (isset($pickup_start_time) && Str::contains($pickup_start_time, 'PM')) {{ 'selected' }} @endif>
                                                                                                                        PM
                                                                                                                    </option>
                                                                                                                </select>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="col-sm-3 col-12">
                                                                                                    <div
                                                                                                        class="form-group">
                                                                                                        <label
                                                                                                            for="timepicker-start">End
                                                                                                            Time: </label>
                                                                                                        <div
                                                                                                            class="input-with-right-prefixTime">
                                                                                                            <div
                                                                                                                class="left-input">
                                                                                                                <input
                                                                                                                    type="time"
                                                                                                                    class="time-input form-control timecls"
                                                                                                                    name="pickup_dates[{{ $key }}][end_time]"
                                                                                                                    value="{{ date('H:i', strtotime($pickup_formated_end_time)) }}"
                                                                                                                    {{ $settings->disabled == 1 ? 'disabled' : '' }}>
                                                                                                            </div>
                                                                                                            <div
                                                                                                                class="right-prefixTime">
                                                                                                                <select
                                                                                                                    class="ampm-input form-control"
                                                                                                                    name="pickup_dates[{{ $key }}][end_time_type]"
                                                                                                                    {{ $settings->disabled == 1 ? 'disabled' : '' }}>
                                                                                                                    <option
                                                                                                                        value="am"
                                                                                                                        @if (isset($pickup_end_time) && Str::contains($pickup_end_time, 'AM')) {{ 'selected' }} @endif>
                                                                                                                        AM
                                                                                                                    </option>
                                                                                                                    <option
                                                                                                                        value="pm"
                                                                                                                        @if (isset($pickup_end_time) && Str::contains($pickup_end_time, 'PM')) {{ 'selected' }} @endif>
                                                                                                                        PM
                                                                                                                    </option>
                                                                                                                </select>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="col-sm-2 col-12">
                                                                                                    <div
                                                                                                        class="form-group">
                                                                                                        <label
                                                                                                            for="timepicker-start">Limit:
                                                                                                        </label>
                                                                                                        <div
                                                                                                            class="left-input">
                                                                                                            <input
                                                                                                                type="text"
                                                                                                                id=""
                                                                                                                class="form-control"
                                                                                                                name="pickup_dates[{{ $key }}][max_limit]"
                                                                                                                value="{{ $picklimit }}"
                                                                                                                {{ $settings->disabled == 1 ? 'disabled' : '' }}>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            @endforeach
                                                                                        @endif

                                                                                        @if ($settings->disabled != 1)
                                                                                            <div class="col-sm-12 col-12">
                                                                                                <div class="form-group">
                                                                                                    <button id="addDateBtn"
                                                                                                        type="button"
                                                                                                        class="btn btn-primary">Add
                                                                                                        Date</button>
                                                                                                    @error('pickup_dates')
                                                                                                        <div class="error"
                                                                                                            style="color:red;">
                                                                                                            {{ $message }}
                                                                                                        </div>
                                                                                                    @enderror
                                                                                                </div>
                                                                                            </div>
                                                                                        @endif
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <div class="pickup-delivery-input-box">
                                                                            <h4>Missed Delivery Pickup Date</h4>

                                                                            <div class="row">
                                                                                <div class="col-sm-4 col-12">
                                                                                    <div class="form-group">
                                                                                        <label for="datepicker">Select
                                                                                            Date:</label>
                                                                                        <input type="date"
                                                                                            name="missed_delivery_date"
                                                                                            class="date-input form-control"
                                                                                            value="{{ data_get($settings, 'missed_delivery_date') }}"
                                                                                            {{ $settings->disabled == 1 ? 'disabled' : '' }}>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-sm-4 col-12">
                                                                                    <div class="form-group">
                                                                                        <label for="timepicker-start">Start
                                                                                            Time:</label>
                                                                                        <div
                                                                                            class="input-with-right-prefixTime">
                                                                                            <div class="left-input">
                                                                                                @php
                                                                                                    $missed_delivery_start_time =
                                                                                                        $missed_delivery_time[0] ??
                                                                                                        '';
                                                                                                    if (
                                                                                                        isset(
                                                                                                            $missed_delivery_start_time,
                                                                                                        ) &&
                                                                                                        Str::contains(
                                                                                                            $missed_delivery_start_time,
                                                                                                            'PM',
                                                                                                        )
                                                                                                    ) {
                                                                                                        $missed_delivery_formatted_start_time = Str::replaceLast(
                                                                                                            'PM',
                                                                                                            '',
                                                                                                            $missed_delivery_start_time,
                                                                                                        );
                                                                                                    } elseif (
                                                                                                        isset(
                                                                                                            $missed_delivery_start_time,
                                                                                                        ) &&
                                                                                                        Str::contains(
                                                                                                            $missed_delivery_start_time,
                                                                                                            'AM',
                                                                                                        )
                                                                                                    ) {
                                                                                                        $missed_delivery_formatted_start_time = Str::replaceLast(
                                                                                                            'AM',
                                                                                                            '',
                                                                                                            $missed_delivery_start_time,
                                                                                                        );
                                                                                                    }
                                                                                                @endphp
                                                                                                <input type="time"
                                                                                                    name="missed_delivery_starttime"
                                                                                                    class="time-input form-control"
                                                                                                    value="{{ $missed_delivery_formatted_start_time }}"
                                                                                                    {{ $settings->disabled == 1 ? 'disabled' : '' }}>
                                                                                            </div>
                                                                                            <div class="right-prefixTime">
                                                                                                <select
                                                                                                    class="ampm-input form-control"
                                                                                                    name="missedstime_type"
                                                                                                    {{ $settings->disabled == 1 ? 'disabled' : '' }}>
                                                                                                    <option value="am"
                                                                                                        @if (Str::contains($missed_delivery_start_time, 'AM')) {{ 'selected' }} @endif>
                                                                                                        AM</option>
                                                                                                    <option value="pm"
                                                                                                        @if (Str::contains($missed_delivery_start_time, 'PM')) {{ 'selected' }} @endif>
                                                                                                        PM</option>
                                                                                                </select>
                                                                                            </div>
                                                                                        </div>
                                                                                        @error('delivery_starttime')
                                                                                            <div class="error"
                                                                                                style="color:red;">
                                                                                                {{ $message }}</div>
                                                                                        @enderror
                                                                                    </div>
                                                                                </div>

                                                                                <div class="col-sm-4 col-12">
                                                                                    <div class="form-group">
                                                                                        <label for="timepicker-end">End
                                                                                            Time:</label>
                                                                                        <div
                                                                                            class="input-with-right-prefixTime">
                                                                                            <div class="left-input">
                                                                                                @php
                                                                                                    $missed_delivery_end_time =
                                                                                                        $missed_delivery_time[1] ??
                                                                                                        '';
                                                                                                    if (
                                                                                                        isset(
                                                                                                            $missed_delivery_end_time,
                                                                                                        ) &&
                                                                                                        Str::contains(
                                                                                                            $missed_delivery_end_time,
                                                                                                            'PM',
                                                                                                        )
                                                                                                    ) {
                                                                                                        $missed_delivery_formatted_end_time = Str::replaceLast(
                                                                                                            'PM',
                                                                                                            '',
                                                                                                            $missed_delivery_end_time,
                                                                                                        );
                                                                                                    } elseif (
                                                                                                        isset(
                                                                                                            $missed_delivery_end_time,
                                                                                                        ) &&
                                                                                                        Str::contains(
                                                                                                            $missed_delivery_end_time,
                                                                                                            'AM',
                                                                                                        )
                                                                                                    ) {
                                                                                                        $missed_delivery_formatted_end_time = Str::replaceLast(
                                                                                                            'AM',
                                                                                                            '',
                                                                                                            $missed_delivery_end_time,
                                                                                                        );
                                                                                                    }
                                                                                                @endphp
                                                                                                <input type="time"
                                                                                                    name="missed_delivery_endtime"
                                                                                                    class="time-input form-control"
                                                                                                    value="{{ $missed_delivery_formatted_end_time }}"
                                                                                                    {{ $settings->disabled == 1 ? 'disabled' : '' }}>
                                                                                            </div>
                                                                                            <div class="right-prefixTime">
                                                                                                <select
                                                                                                    class="ampm-input form-control"
                                                                                                    name="missedetime_type"
                                                                                                    {{ $settings->disabled == 1 ? 'disabled' : '' }}>
                                                                                                    <option value="am"
                                                                                                        @if (Str::contains($missed_delivery_end_time, 'AM')) {{ 'selected' }} @endif>
                                                                                                        AM</option>
                                                                                                    <option value="pm"
                                                                                                        @if (Str::contains($missed_delivery_end_time, 'PM')) {{ 'selected' }} @endif>
                                                                                                        PM</option>
                                                                                                </select>
                                                                                            </div>
                                                                                        </div>
                                                                                        @error('delivery_endtime')
                                                                                            <div class="error"
                                                                                                style="color:red;">
                                                                                                {{ $message }}</div>
                                                                                        @enderror

                                                                                        @error('delivery_date')
                                                                                            <div class="error"
                                                                                                style="color:red;">
                                                                                                {{ $message }}</div>
                                                                                        @enderror
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <!-- age group -->
                                                                {{-- <div class="col-sm-6">
                                                        <div class="form-group">
                                                            <label class="text-label" for="age_groups">
                                                                Age groups
                                                            </label>
                                                            <select class="form-control" name="age_groups">
                                                                <option value="">--Choose Age groups--</option>
                                                                <option value="Infant" {{!empty($settings->age_groups) == "Infant" ? 'selected' : ''}}>Infant</option>
                                                                <option value="1 to 2" {{!empty($settings->age_groups) == "1 to 2" ? 'selected' : ''}}>1 to 2</option>
                                                                <option value="2 to 3" {{!empty($settings->age_groups) == "2 to 3" ? 'selected' : ''}}>2 to 3</option>
                                                                <option value="3 to 4" {{!empty($settings->age_groups) == "3 to 4" ? 'selected' : ''}}>3 to 4</option>
                                                                <option value="5 to 7" {{!empty($settings->age_groups) == "5 to 7" ? 'selected' : ''}}>5 to 7</option>
                                                                <option value="8 to 10" {{!empty($settings->age_groups) == "8 to 10" ? 'selected' : ''}}>8 to 10</option>
                                                                <option value="11 to 14" {{!empty($settings->age_groups) == "11 to 14" ? 'selected' : ''}}>11 to 14</option>
                                                            </select>
                                                            @error('age_groups')
                                                            <div class="error" style="color:red;">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                    </div> --}}

                                                                <!-- Max age of child served -->
                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        <label class="text-label" for="">
                                                                            Max age of child served
                                                                        </label>
                                                                        <input type="number" class="form-control"
                                                                            name="max_age_of_child_served"
                                                                            onKeyPress="if(this.value.length==2) return false;"
                                                                            value={{ data_get($settings, 'max_age_of_child_served') }}
                                                                            {{ $settings->disabled == 1 ? 'readonly' : '' }}>
                                                                        @error('max_age_of_child_served')
                                                                            <div class="error" style="color:red;">
                                                                                {{ $message }}</div>
                                                                        @enderror
                                                                    </div>
                                                                </div>
                                                                <!-- Last Date of Application Submission -->
                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        <label class="text-label" for="">
                                                                            Last Date of Application Submission
                                                                        </label>
                                                                        <input required type="date"
                                                                            class="form-control"
                                                                            name="last_date_of_application_submission"
                                                                            value={{ data_get($settings, 'last_date_of_application_submission') }}
                                                                            {{ $settings->disabled == 1 ? 'disabled' : '' }}>
                                                                        @error('last_date_of_application_submission')
                                                                            <div class="error" style="color:red;">
                                                                                {{ $message }}</div>
                                                                        @enderror
                                                                    </div>
                                                                </div>

                                                                <div class="col-sm-4">
                                                                    <div class="form-group">
                                                                        <label class="text-label" for="">
                                                                            Smarty Embedded keys
                                                                        </label>
                                                                        <input required type="text"
                                                                            class="form-control"
                                                                            name="smarty_embedded_key"
                                                                            value={{ data_get($settings, 'smarty_embedded_key') }}
                                                                            {{ $settings->disabled == 1 ? 'readonly' : '' }}>
                                                                        @error('smarty_embedded_key')
                                                                            <div class="error" style="color:red;">
                                                                                {{ $message }}</div>
                                                                        @enderror
                                                                    </div>
                                                                </div>

                                                                <div class="col-sm-4">
                                                                    <div class="form-group">
                                                                        <label class="text-label" for="">
                                                                            Smarty Auth ID
                                                                        </label>
                                                                        <input required type="text"
                                                                            class="form-control" name="smarty_auth_id"
                                                                            value={{ data_get($settings, 'smarty_auth_id') }}
                                                                            {{ $settings->disabled == 1 ? 'readonly' : '' }}>
                                                                        @error('smarty_auth_id')
                                                                            <div class="error" style="color:red;">
                                                                                {{ $message }}</div>
                                                                        @enderror
                                                                    </div>
                                                                </div>

                                                                <div class="col-sm-4">
                                                                    <div class="form-group">
                                                                        <label class="text-label" for="">
                                                                            Smarty Auth Token
                                                                        </label>
                                                                        <input required type="text"
                                                                            class="form-control" name="smarty_auth_token"
                                                                            value={{ data_get($settings, 'smarty_auth_token') }}
                                                                            {{ $settings->disabled == 1 ? 'readonly' : '' }}>
                                                                        @error('smarty_auth_token')
                                                                            <div class="error" style="color:red;">
                                                                                {{ $message }}</div>
                                                                        @enderror
                                                                    </div>
                                                                </div>

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

                                            <div class="inner-div">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <button type="button" class="btn btn-danger" id="deleteAllUser">
                                                            Delete ALL Applications
                                                        </button>

                                                        <button type="submit"
                                                            class="btn btn-primary btn-form">Submit</button>
                                                    </div>
                                                </div>
                                            </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
@endsection
@section('customScripts')
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
    <!-- Include jQuery -->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

    <!-- Include Bootstrap JS -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

    <!-- Include Bootstrap Datepicker JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>

    <!-- Include Bootstrap Timepicker JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-timepicker/0.5.2/js/bootstrap-timepicker.min.js"></script>

    <script>
        var csrftoken = {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
        $(document).ready(function() {
            // Initialize the Datepicker
            $('#datepicker').datepicker({
                format: 'yyyy-mm-dd',
                autoclose: true,
                todayHighlight: true
            });

            // Initialize the Timepicker
            $('#timepicker-start, #timepicker-end').timepicker({
                // format: 'hh:mm a',
                minuteStep: 1,

                format: 'hh:mm A', // AM/PM format
                showMeridian: true // Show AM/PM selection
                // showMeridian: false
            });

            // Handle button click
            $('#submitBtn').click(function() {
                var selectedDate = $('#datepicker').val();
                var startTime = $('#timepicker-start').val();
                var endTime = $('#timepicker-end').val();

                console.log('Selected Date:', selectedDate);
                console.log('Start Time:', startTime);
                console.log('End Time:', endTime);

                // Perform any further processing or AJAX requests here
            });
        });
    </script>

    <script>
        $(document).ready(function() {
            // Add Date button click event
            var i = '';

            $("#addDateBtn").click(function() {

                ++i;
                var newDateRow = `<div class=" row date-row">
                                <div class="col-sm-4 col-12 ">
                                <div class="form-group">
                                    <label>Select Date:</label>
                                    <input type="date" class="date-input form-control" name="pickup_dates[${i}][date]">
                                </div>
                                </div>
                                <div class="col-sm-3 col-12">
                                    <div class="form-group">
                                        <label for="timepicker-start">Start Time:</label>
                                        <div class="input-with-right-prefixTime">
                                            <div class="left-input">
                                                <input type="time" class="time-input form-control" name="pickup_dates[${i}][start_time]">
                                            </div>
                                            <div class="right-prefixTime">
                                                <select class="ampm-input form-control" name="pickup_dates[${i}][start_time_type]">
                                                    <option value="am">AM</option>
                                                    <option value="pm">PM</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3 col-12">
                                    <div class="form-group">
                                        <label for="timepicker-start">End Time: </label>
                                        <div class="input-with-right-prefixTime">
                                            <div class="left-input">
                                                <input type="time" class="time-input form-control" name="pickup_dates[${i}][end_time]">
                                            </div>
                                            <div class="right-prefixTime">
                                                <select class="ampm-input form-control" name="pickup_dates[${i}][end_time_type]">
                                                    <option value="am">AM</option>
                                                    <option value="pm">PM</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-2 col-12">
                                    <div class="form-group">
                                        <label for="timepicker-start">Limit: </label>
                                        <div class="left-input">
                                            <input type="text" id="" class="form-control" name="pickup_dates[${i}][max_limit]">
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-12 col-12">
                                    <div class="form-group">
                                        <button type="button" class="btn btn-danger remove-btn">Remove</button>
                                    </div>
                                </div></div>`;
                $("#dateContainer").append(newDateRow);
            });

            // Remove button click event (event delegation)
            $("#dateContainer").on("click", ".remove-btn", function() {
                $(this).closest(".date-row").remove();
            });
        });


        $("#datatime_toggle").change(function() {
            var is_show_datetime = ''
            var settings_id = $("#settings_id").val();
            if ($(this).prop("checked") == true) {
                is_show_datetime = 1
            } else {
                is_show_datetime = 0
            }

            //alert(is_show_datetime);

            var Obj = {}
            Obj.is_show_datetime = is_show_datetime
            Obj.settings_id = settings_id
            ajaxCall(Obj)
        });

        function ajaxCall(Obj) {
            $.ajax({
                url: '{{ route('backend.save-toggle-setting') }}',
                method: "post",
                data: Obj,
                headers: csrftoken,
                success: function(data) {
                    location.reload()
                },
                error: function(request, status, error) {
                    //showValidation(request)
                }
            });
        }
    </script>


<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    $("#deleteAllUser").on("click", function () {
        Swal.fire({
            title: 'Warning',
            text: "This action cannot be undone!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#d33',
            cancelButtonColor: '#6c757d',
            confirmButtonText: 'Yes, delete all'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: "{{ route('backend.applications.deleteAll') }}", // ✅ use route name
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}" // ✅ CSRF for Laravel
                    },
                    success: function (response) {
                        Swal.fire(
                            'Deleted!',
                            'All applications and user data have been deleted.',
                            'success'
                        ).then(() => {
                            location.reload();
                        });
                    },
                    error: function () {
                        Swal.fire('Error!', 'Something went wrong.', 'error');
                    }
                });
            }
        });
    });
</script>

@endsection