@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">Advocate Enrollment Entry Module</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">Enrolled Association</label>
                                        <select class="form-control @error('enroled_association') is-invalid @enderror" name="enroled_association">
                                            <option value=''>select</option>
                                                    @foreach($associationData as $var)
                                                    <option value="{{ $var->id }}" @if( $var->id ==old('enroled_association')) {{'selected'}}  @endif > {{ $var->council_name }} </option>
                                                    @endforeach
                                                </select>                                         
                                        @error('enroled_association')
                                        <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 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 class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group required">
                                        <label class="control-label">Advocate Full Name</label>

                                        <div class="input-group">
                                            <div class="input-group-prepend">

                                                <select class="form-control @error('title') is-invalid @enderror" name="title">
                                                    <option value=''>select</option>
                                                    @foreach($nameTitle as $nameTitle)
                                                    <option value="{{ $nameTitle->title }}" @if( $nameTitle->title ==old('title')) {{'selected'}}  @endif>{{ $nameTitle->title }}</option>
                                                    @endforeach
                                                </select> 


                                            </div>
                                            <input type="text" class="form-control @error('full_name_of_advocate') is-invalid @enderror" name="full_name_of_advocate" value="{{old('full_name_of_advocate')}}">
                                            @error('title')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                            @error('full_name_of_advocate')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror

                                        </div>


                                    </div>
                                </div>



                                <div class="col-sm-6">
                                    <div class="form-group required">
                                        <label class="control-label">Date of Birth (dd-mm-yyyy)</label>

                                        <div class="input-group date" id="date_of_birth" data-target-input="nearest">
                                            <input type="text" class="form-control datetimepicker-input @error('date_of_birth') is-invalid @enderror" name="date_of_birth" data-target="#date_of_birth" value="{{old('date_of_birth')}}"/>


                                            <div class="input-group-append" data-target="#date_of_birth" data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="far fa-calendar-alt"></i></div>
                                            </div>



                                            @error('date_of_birth')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror

                                        </div>


                                    </div>
                                </div>



                                <div class="col-sm-6">
                                    <div class="form-group required">
                                        <label class="control-label">Mobile Number</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fas fa-mobile"></i></span>
                                            </div>
                                            <input type="text" class="form-control @error('mobile') is-invalid @enderror" name="mobile" value="{{old('mobile')}}">

                                            @error('mobile')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>

                                    </div>
                                </div>


                                <div class="col-sm-6">
                                    <div class="form-group required">
                                        <label class="control-label">e-Mail Address</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fas fa-envelope"></i></span>
                                            </div>
                                            <input type="text" class="form-control @error('email') is-invalid @enderror" name="email" placeholder="Email" value="{{old('email')}}">

                                            @error('email')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>

                                    </div>
                                </div>








                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Is Dead</label>

                                        <div>
                                            <div class="custom-control custom-radio d-inline">
                                                <input class="custom-control-input isdead" type="radio" value="0" id="isdead1" name="isdead" {{ old('isdead')=="0" ? 'checked='.'"'.'checked'.'"' : '' }} checked>
                                                       <label for="isdead1" class="custom-control-label">No</label>
                                            </div>
                                            <div class="custom-control custom-radio d-inline">
                                                <input class="custom-control-input isdead" type="radio" value="1" id="isdead2" name="isdead" {{ old('isdead')=="1" ? 'checked='.'"'.'checked'.'"' : '' }} >
                                                       <label for="isdead2" class="custom-control-label">Yes</label>
                                            </div>   
                                        </div>                                            


                                    </div>
                                </div>

                                <div class="col-sm-6 dateofdead_div">
                                    <div class="form-group">
                                        <label>Date of Death (dd-mm-yyyy)</label>

                                        <div class="input-group date" id="dateofdead" data-target-input="nearest">
                                            <input type="text" class="form-control dateofdead datetimepicker-input @error('dateofdead') is-invalid @enderror" name="dateofdead" data-target="#dateofdead" {{ old('isdead')=="0" ? 'disabled' : '' }}  value="{{old('dateofdead')}}" disabled/>
                                                   <div class="input-group-append" data-target="#dateofdead" data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="far fa-calendar-alt"></i></div>
                                            </div>

                                            @error('dateofdead')
                                            <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">Save</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