@extends('admin.master')

@section('content')

<style>
      .form-group.required .control-label:after {
            content:"*";
            color:red;
        }
         
  </style>
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Search and update you profile</h1>
          </div><!-- /.col -->
          
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
          <div class='row '>
                    <!-- Message -->                   
@if (session('status'))
<div class="col-12 alert alert-success alert-dismissible"><button type="button" class="close" data-dismiss="alert">&times;</button><strong>{{ session('status') }}</strong></div>
@elseif(session('failed'))
<div class="col-12 alert alert-danger alert-dismissible"><button type="button" class="close" data-dismiss="alert">&times;</button><strong>{{ session('failed') }}</strong></div>
@endif              
              <form method="POST" action="/admin/bci_form">
                    @csrf
                    

            <div class="card card-primary col-12 p-0">
              <div class="card-header">
                <h3 class="card-title">General Details</h3>
              </div>


              <!-- /.card-header -->
              <div class="card-body">

                    
                  <div class="row">

                <div class="col-sm-6">
                      <div class="form-group required">
                        <label class="control-label">Enrollment Number</label>
                        <input type="text" class="form-control @error('enrolment_number') is-invalid @enderror" value="{{old('enrolment_number')}}" name="enrolment_number">
                        @error('enrolment_number')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                      </div>
                    </div>

                    <div class="col-sm-6">
                      <div class="form-group required">
                        <label class="control-label">Enrollment Date (dd-mm-yyyy)</label>
                        
                        <div class="input-group date" id="enrolment_date" data-target-input="nearest">
                            <input type="text" class="form-control datetimepicker-input @error('enrolment_date') is-invalid @enderror" value="{{old('enrolment_date')}}" name="enrolment_date" data-target="#enrolment_date"/>
                        <div class="input-group-append" data-target="#enrolment_date" data-toggle="datetimepicker">
                            <div class="input-group-text"><i class="far fa-calendar-alt"></i></div>
                        </div>
                            @error('enrolment_date')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                    </div>
                        
                      </div>
                    </div>
                                            
                    </div>                               
                    
              </div>
              <!-- /.card-body -->
          <div class="card-footer">
                    
                  <button type="submit" class="btn btn-primary">Search</button>

                </div>
                <!-- /.card-footer -->
              
              
              

                
              
            </div>


                   
                    
                    
        

                          </form>
            <!-- /.card -->
            <!-- general form elements disabled -->
          </div>
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
<script>

  $(function () {

     //Date picker
        $('#date_of_birth').datetimepicker({        
            format: 'DD-MM-YYYY'
        }); 
        $('#enrolment_date').datetimepicker({        
            format: 'DD-MM-YYYY'
        }); 

        $('#dateofdead').datetimepicker({        
            format: 'DD-MM-YYYY'
        }); 
    
        $("input[name='isdead']").click(function () {
            if ($("#isdead2").is(":checked")) {
                $(".dateofdead").removeAttr("disabled");
                $(".dateofdead").focus();
            } else {
                $(".dateofdead").attr("disabled", "disabled");
            }
        });
  });
  
//        $(document).on('click', '.isdead', function () {
//            var flag = $(this).val();
//            if(flag == 1){
//                $(".dateofdead_div").removeClass("d-none");
//            }else{
//                $(".dateofdead_div").addClass("d-none");                        
//            }                    

    
 //});
        /* JS comes here */
      
</script> 

@endsection