@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>Update 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.update',$season->SeasonID )}}" method="POST" id="needs-validation" enctype="multipart/form-data">
                                @method('PATCH')
                                @csrf
                                <input type="hidden" name="id" value="{{$season->SeasonID }}">
                                <div class="row">

                                    <div class="col-md-4 mb-3">
                                        <label for="">State <span class="red ">*</span></label>
                                        <select class="form-control" name="state" id="state">
                                            <option value="">Select State</option>
                                            @foreach($states as $state)
                                            <option value="{{ $state->StateCode}}" {{(old('state')==$state->StateCode || $season->StateCode == $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" name="season_name" id="season_name">
                                            <option value="">Select</option>
                                            <option value="Postmonsoon" {{ ($season->SeasonName == 'Postmonsoon' ? 'selected' : '') }}>Postmonsoon</option>
                                            <option value="Premonsoon" {{ ($season->SeasonName == 'Premonsoon' ? 'selected' : '') }}>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="{{ str_pad($season->SeasonStartDt,2,0,STR_PAD_LEFT)."-".str_pad($season->SeasonStartMo,2,0,STR_PAD_LEFT) }}" 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="{{ str_pad($season->SeasonEndDt,2,0,STR_PAD_LEFT)."-".str_pad($season->SeasonEndMo,2,0,STR_PAD_LEFT) }}" 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 || $season->SeasonStartDt == $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 || $season->SeasonStartMo == $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 || $season->SeasonEndDt == $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 || $season->SeasonEndMo == $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"});

        $('#image-input').change(function() {
            let reader = new FileReader();
            reader.onload = function(e) {
                $('#ImgPreview').attr('src', e.target.result).show();
            }
            reader.readAsDataURL(this.files[0]);
        });


        $('#RoleID').on('change', function(e) {
            var role_id = $(this).val();
            // $("#regional_user_id").val('');

            if (role_id == 1) {
                $('.regional_user_div').hide();

                $("#regional_user_id").prop('required', false);
            } else if (role_id == 2) {
                $('.regional_user_div').show();

                $("#regional_user_id").prop('required', true);
            }
        });

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



        $('#RoleID').trigger('change');
    });
</script>
@endsection