@extends('layouts.app')

@section('content')
<div class="page-wrapper">
    <!-- Page-header start -->
    <div class="page-header">
        <div class="row align-items-end">
            <div class="col-lg-8">

                <div class="page-header-title">
                    <div class="d-inline">
                        <h4>Add Season</h4>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- Page-header end -->

    <!-- Page-body start -->
    <div class="page-body">
        <div class="row">
            <div class="col-sm-12">
                <!-- Zero config.table start -->
                <div class="card bg-light">
                    <div class="card-block">
                        <div class="mT-30">
                            @include('common.error')
                            {{-- @php $user = \Auth::user(); @endphp --}}

                            <form class="" action="{{ route('season.store') }}" method="POST" id="needs-validation" enctype="multipart/form-data">
                                @csrf
                                {{-- <input type="hidden" name="id" value=""> --}}

                                <div class="row">
                                    <div class="col-md-4 mb-3">
                                        <label for="">State <span class="red ">*</span></label>
                                        <select class="form-control state_season" name="state" id="state" required>
                                            <option value="">Select</option>
                                            @foreach ($states as $state)
                                            <option value="{{ $state->StateCode }}" {{ old('state') == $state->StateCode ? 'selected' : '' }}>
                                                {{ $state->StateName }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-md-4 mb-3">
                                        <label for="">Season Name <span class="red ">*</span></label>
                                        <select class="form-control state_season" name="season_name" id="season_name" required>
                                            <option value="">Select</option>
                                            <option value="1">Postmonsoon</option>
                                            <option value="2">Premonsoon</option>
                                        </select>
                                    </div>

                                    <div class="col-md-4 mb-3"></div>

                                    <div class="col-md-4 mb-3 ">
                                        <label for="exampleSelect1">Session Start Date<span class="red">*</span> </label>
                                        <div class="date-container w-100">
                                            <input id="season_start_date" name="season_start_date" type="text" class="form-control date-picker" autocomplete="off" value="{{ old('season_start_date') }}" placeholder="dd-mm" required><span class="material-symbols-outlined">calendar_month
                                            </span>
                                        </div>
                                    </div>

                                    <div class="col-md-4 mb-3 ">
                                        <label for="exampleSelect1">Session End Date<span class="red">*</span> </label>
                                        <div class="date-container w-100">
                                            <input id="season_end_date" name="season_end_date" type="text" class="form-control date-picker" autocomplete="off" value="{{ old('season_end_date') }}" placeholder="dd-mm" required><span class="material-symbols-outlined">calendar_month
                                            </span>
                                        </div>
                                    </div>

                                    {{-- <div class="col-md-4 mb-3">
                                            <label for="">Season Start Day <span class="red ">*</span></label>
                                            <select class="form-control" name="season_start_day" id="season_start_day">
                                                <option value="">Select Day</option>
                                                @for ($i = 1; $i <= 31; $i++)
                                                    <option value="{{ $i }}"
                                    {{ old('season_start_day') == $i ? 'selected' : '' }}>
                                    {{ $i }} </option>
                                    @endfor
                                    </select>
                                </div>

                                <div class="col-md-4 mb-3">
                                    <label for="">Season Start Month <span class="red ">*</span></label>
                                    <select class="form-control" name="season_start_month" id="season_start_month">
                                        <option value="">Select Month</option>
                                        @for ($i = 1; $i <= 12; $i++) @php $label=date('F', mktime(0, 0, 0, $i)); @endphp <option value="{{ $i }}" {{ old('season_start_month') == $i ? 'selected' : '' }}>
                                            {{ $label }} </option>
                                            @endfor
                                    </select>
                                </div>

                                <div class="col-md-4 mb-3">
                                    <label for="">Season End Day <span class="red ">*</span></label>
                                    <select class="form-control" name="season_end_day" id="season_end_day">
                                        <option value="">Select Day</option>
                                        @for ($i = 1; $i <= 31; $i++) <option value="{{ $i }}" {{ old('season_end_day') == $i ? 'selected' : '' }}>
                                            {{ $i }} </option>
                                            @endfor
                                    </select>
                                </div>

                                <div class="col-md-4 mb-3">
                                    <label for="">Season End Month <span class="red ">*</span></label>
                                    <select class="form-control" name="season_end_month" id="season_start_month">
                                        <option value="">Select Month</option>
                                        @for ($i = 1; $i <= 12; $i++) @php $label=date('F', mktime(0, 0, 0, $i)); @endphp <option value="{{ $i }}" {{ old('season_end_month') == $i ? 'selected' : '' }}>
                                            {{ $label }} </option>
                                            @endfor
                                    </select>
                                </div> --}}

                                <div class="col-md-4 mt-3">
                                    <button class="btn btn-primary mr-2" type="submit">Save</button>
                                    <a href="{{ route('season.index') }}" class="btn btn-outline-primary">Back</a>
                                </div>

                        </div>


                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Page-body end -->
</div>


<style>
    .delete-btn img {
        width: 15px;
    }

    .delete-btn {
        background: transparent;
        border: 0 !important;
        outline: none !important;
        cursor: pointer;
    }
</style>


<script>
    $(document).ready(function() {

        $("#RoleID").css({
            "pointer-events": "none",
            "touch-action": "none",
            "background": "#e9ecef"
        });
        //$("#regional_user_id").css({"pointer-events": "none","touch-action": "none","background": "#e9ecef"});


        $('.state_season').on('change', function(e) {
            var season = $("#season_name").val();
            var state = $("#state").val();

            // alert(season + ">>" + state);


            if (season > 0 && state > 0) {
                $.ajax({
                    type: 'GET',
                    url: "/checkUniqueSeason",
                    data: 'SeasonID=' + season + '&StateCode=' + state,
                    success: function(data) {
                        if (data == 1) {
                            bootbox.alert('Selected season already added in the selected state');
                            $("#state").val('');
                            return false;
                        } else {
                            return true;
                        }
                    }
                });
            }
        });


        $(".date-picker").datepicker({
            changeYear: false,
            dateFormat: 'dd-mm',
        }).focus(function() {
            $(".ui-datepicker-year").hide();
        });


    });
</script>
@endsection