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


<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">
                                    <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
                                            <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">
                                                                    Show Application
                                                                    <div class="switch-field">
                                                                        <input type="radio" id="radio-one" name="show_application" value="yes" @if(!empty($settings->show_application) == 'yes') checked @endif/>
                                                                        <label for="radio-one">Yes</label>
                                                                        <input type="radio" id="radio-two" name="show_application" value="no" @if(!empty($settings->show_application) == 'no') checked @endif />
                                                                        <label for="radio-two">No</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')}}>
                                                                @error('max_no_applicants')
                                                                    <div class="error" style="color:red;">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="form-group">
                                                                <label class="text-label" for="delivery_date">
                                                                    Delivery date
                                                                </label>
                                                                    <input type="text"
                                                                        class="form-control m-input datepicker"
                                                                        data-provide="datepicker" data-date-format='M d yyyy' data-date-start-date="-1y"
                                                                        data-date-autoclose="true" data-date-today-highlight="true" name="delivery_date" readonly="readonly" autocomplete="off" value="{{data_get($settings,'delivery_date')}}">
                                                                @error('delivery_date')
                                                                    <div class="error" style="color:red;">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="form-group">
                                                                <label class="text-label" for="pickup_dates">
                                                                    Pickup dates
                                                                </label>
                                                                {{-- <input type="text" class="form-control date" name="pickup_dates" id="datepicker2" /> --}}
                                                                <input type="text"
                                                                        class="form-control m-input datepicker"
                                                                        data-provide="datepicker" data-date-format='M d yyyy' data-date-start-date="-1y"
                                                                        data-date-autoclose="true" data-date-today-highlight="true" name="pickup_dates"  autocomplete="off" data-date-multidate="true" value="{{data_get($settings,'pickup_dates')}}">
                                                                @error('pickup_dates')
                                                                    <div class="error" style="color:red;">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <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>
                                                        <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')}} >
                                                                @error('max_age_of_child_served')
                                                                    <div class="error" style="color:red;">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                        </div>

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

                                            <div class="inner-div">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-end">
                                                        <button type="submit" class="btn btn-primary btn-form">Submit</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>
@endsection
<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>