@extends('layouts.app')

@section('page_css')
    @parent
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/select2/select2.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/flatpickr/flatpickr.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/dropzone/dropzone.css') }}" />
    <style>
        .asterisk
        {
            color:red;
        }
    </style>
@endsection

@section('content')
<!-- Content -->
<!-- breadcrumb start -->
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item">
          <a href="#">Master</a>
        </li>
        <li class="breadcrumb-item active">Session Master</li>
        <li class="breadcrumb-item active">Edit</li>
    </ol>
</nav>
<!-- breadcrumb end -->

  <!-- Sticky Actions -->
<div class="row">
    <div class="col-12">
        <div class="card">
            <div
              class="card-header sticky-element bg-label-secondary d-flex justify-content-sm-between align-items-sm-center flex-column flex-sm-row"
            >
                <h5 class="card-title mb-sm-0 me-2">Edit</h5>
                <div class="action-btns">
                    <a href="{!! route('admin.master.session_master') !!}" class="btn btn-sm btn-label-primary me-3">
                        <span class="align-middle">
                            Back to Listing
                        </span>
                    </a>
                    <button type="submit" id="submit_session_master_form"  form="new_session_master_form" class="btn btn-sm btn-primary">   
                        Update
                    </button>
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-8 mx-auto">      
                        <form id="new_session_master_form" action="{!! tokenize_url(route('admin.master.session_master.update'),['id' => @$session_master[0]['id']]) !!}" method="post" enctype="multipart/form-data">
                         @csrf
                            <div class="col-md-12 mb-3">
                                <label for="programs_id" class="form-label">Program
                                    <span id="session_master_program_error" class="asterisk">*@error('session_master_program_caption')please select program @enderror</span>
                                </label>
                                <select id="programs_id" name="programs_id" class="select2 form-select form-select-lg" data-allow-clear="true">
                                    @foreach($programs as $record)
                                        @php
                                            $selected="";
                                            if($record->id == $session_master[0]['programs_id'])
                                            {
                                                $selected = "selected";
                                            }
                                        @endphp
                                        <option value= "{{$record->id}}" {{ $selected }}>
                                            {{$record->name}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>   

                            <div class="col-md-12 mb-3">
                                <label for="session_master_batch_year" class="form-label">Batch Year
                                    <span id="session_master_batch_year_error" class="asterisk">*@error('session_master_batch_caption')please provide batch year @enderror</span>
                                </label>
                                <select id="session_master_batch_year" name="session_master_batch_year" class="select2 form-select form-select-lg" data-allow-clear="true">
                                    @for($count=2019;$count<=2030;$count++)
                                        @php
                                            $selected="";
                                            if($count==$session_master[0]['batch_year'])
                                            {
                                                $selected="selected";
                                            }
                                        @endphp
                                        <option {{$selected}} value= "{{$count}}">{{$count}}</option>
                                    @endfor
                                </select>
                            </div>   

                            <div class="mb-3">
                                <label for="session_master_batch_caption" class="form-label">Batch Caption
                                    <span id="session_master_batch_caption_error" class="asterisk">*@error('session_master_batch_caption')please provide caption @enderror</span>
                                </label>  
                                <div class="input-group input-group-merge">
                                    <span id="session_master_batch_caption2" class="input-group-text"
                                      ><i class="ti ti-user"></i
                                    ></span>
                                    <input
                                      type="text"
                                      class="form-control"
                                      id="session_master_batch_caption"
                                      name="session_master_batch_caption"
                                      placeholder="Input caption"
                                      aria-label="Batch Caption"
                                      aria-describedby="session_master_batch_caption2",
                                      value="{{$session_master[0]['batch_caption']}}"
                                    />
                                </div>
                            </div>     
                            
                            <div class="mb-3">
                                @php
                                    $date_from=date("d/m/Y", strtotime($session_master[0]['date_from']));
                                @endphp
                                <label for="session_master_date_from" class="form-label">Date From
                                    <span id="session_master_date_from_error" class="asterisk">*@error('session_master_date_from')please provide date  @enderror</span>
                                </label>
                                <input id="session_master_date_from" name="session_master_date_from" type="text" class="form-control" value="{{$date_from}}" placeholder="YYYY-MM-DD"/>
                            </div>   


                            <div class="mb-3">
                                @php
                                    $date_to=date("d/m/Y", strtotime($session_master[0]['date_to']));
                                @endphp
                                <label for="session_master_date_to" class="form-label">Date To
                                    <span id="session_master_date_to_error" class="asterisk">*@error('session_master_date_to')please provide date @enderror</span>
                                </label>
                                <input id="session_master_date_to" name="session_master_date_to" type="text" class="form-control" value="{{$date_to}}" placeholder="YYYY-MM-DD"/>
                            </div>    

                            <div class="mb-3">
                                @php
                                    $is_current_batch_checked="";
                                    if($session_master[0]['is_current_batch']=='Y')
                                        $is_current_batch_checked="checked";
                                @endphp
                                <div class="form-check mt-3">
                                    <input {{$is_current_batch_checked}} id="session_master_is_current_batch" name="session_master_is_current_batch" class="form-check-input" type="checkbox" value="Y" />
                                    <label class="w-32" for="session_master_is_current_batch">
                                        Is Current Batch
                                    </label>
                                </div>
                            </div>         
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /Sticky Actions -->
<!-- / Content -->  
@endsection


@section('plugin_scripts')

@endsection

@section('page_scripts')
    @parent
<script src="{{ asset('assets/js/form-layouts.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/moment/moment.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/jquery-sticky/jquery-sticky.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/select2/select2.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/flatpickr/flatpickr.js') }}"></script>
<script>    
    $(document).ready(function(){
        function session_validation()
        {   
            var session_master_date_from=$('#session_master_date_from').val().split("-").reverse().join("-");
            var session_master_date_to=$('#session_master_date_to').val().split("-").reverse().join("-");
            let date_from=new Date(session_master_date_from); 
            let date_to=new Date(session_master_date_to);
            var isValid="Y";
            if(date_from>=date_to)
            {
                $("#session_master_date_from_error").text("* date from must be less than date to");
                isValid="N";   
            }
            // $.ajax({
            //     type: "post",
            //     url:"{{route('admin.master.revenue_master.get_session_validation')}}",
            //     data: {"_token": "{{ csrf_token() }}"},
            //     async: false,
            //     success:function(session_master)
            //     { 
            //         let max_date_to=new Date(session_master.trim());
            //         let date_from=new Date(session_master_date_from); 
            //         let date_to=new Date(session_master_date_to);
            //         if(date_from<=max_date_to)
            //         {
            //             $("#session_master_date_from_error").text("* invalid date from");
            //             isValid="N";   
            //         }
            //         if(date_to<=max_date_to)
            //         {
            //             $("#session_master_date_to_error").text("* invalid date to");
            //             isValid="N";   
            //         }
            //         if(date_from>=date_to)
            //         {
            //             $("#session_master_date_from_error").text("* date from must be less than date to");
            //             isValid="N";   
            //         }

            //     }
            // }).done(function(){
            // });
            return isValid;
        }

         $("#submit_session_master_form").click(function(e){

            $("#session_master_date_from_error").text("*");
            $("#session_master_date_to_error").text("*");
            $("#session_master_batch_caption_error").text("*");
            $("#session_master_batch_year_error").text("*");
            $("#session_master_program_error").text("*");

            if($("#session_master_batch_caption").val()=="")
            {
                e.preventDefault();
                $("#session_master_batch_caption_error").text("* please provide caption");   
            }
            if($("#session_master_date_from").val()=="")
            {
                e.preventDefault();
                $("#session_master_date_from_error").text("* please provide date");   
            }
            if($("#session_master_date_to").val()=="")
            {
                e.preventDefault();
                $("#session_master_date_to_error").text("* please provide date");
            }

            if(!Boolean($('#session_master_batch_year').val()))
            {
                e.preventDefault();
                $("#session_master_batch_year_error").text("* please select batch year");
            }

            if(!Boolean($('#programs_id').val()))
            {
                e.preventDefault();
                $("#session_master_program_error").text("* please select program");
            }

            var isValid=session_validation();
            if(isValid=="N")
            {
                e.preventDefault();
            }
        });     
         
        flatPickerInitialization();
        function flatPickerInitialization()
        {
            var flatpickrDateTime = document.querySelector("#session_master_date_from");
            flatpickrDateTime.flatpickr({
              enableTime: false,
              dateFormat: "d-m-Y"
            });             
            var flatpickrDateTime = document.querySelector("#session_master_date_to");
            flatpickrDateTime.flatpickr({
              enableTime: false,
              dateFormat: "d-m-Y"
            });
        }   
    });
</script>
@endsection
<!--/ END PAGE CONTENT -->