@extends('admin.master')

@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">
<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-12">
                    <h1 class="m-0">State Bar Councils - {{$module_sub_title}}</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_create_councils" enctype="multipart/form-data">
                    @csrf

                                        <div class="card card-primary col-12 p-0">
                        <div class="card-header">
                            <h3 class="card-title">State Bar Council Details</h3>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">

                            <div class="row">



                                <div class="col-sm-3">
                                    <div class="form-group required">
                                        <label class="control-label">Bar Council Name</label>
                                        <input type="text" class="form-control @error('council_name') is-invalid @enderror" value="{{old('council_name', $org_name)}}" name="council_name" max="100">
                                        @error('council_name')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>



                                <div class="col-sm-3">
                                    <!-- text input -->
                                    <div class="form-group required">
                                        <label class="control-label">Contact Person Name</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <select class="form-control @error('contact_person_title') is-invalid @enderror" name="contact_person_title">
                                                    <option value=''>Choose...</option
                                                    @foreach($nameTitle as $c)
                                                    <option value="{{ $c->title }}" @if( $c->title ==old('contact_person_title',$user_title)) {{'selected'}}  @endif>{{ $c->title }}</option>
                                                    @endforeach
                                                </select>                                             
                                            </div>
                                            <input type="text" class="form-control @error('contact_person_name') is-invalid @enderror" name="contact_person_name" value="{{old('contact_person_name',$user_name)}}" max="100">
                                            @error('contact_person_title')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                            @error('contact_person_name')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>                                

                                <div class="col-sm-3">
                                    <div class="form-group required">
                                        <label class="control-label">Bar e-Mail</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('bar_email') is-invalid @enderror" name="bar_email" placeholder="Email" value="{{old('bar_email',$user_email)}}">

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

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label class="control-label">Bar Phone</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fas fa-phone"></i></span>
                                            </div>
                                            <input type="text" class="form-control @error('bar_phone') is-invalid @enderror" name="bar_phone" value="{{old('bar_phone',$user_phone)}}" max="20">

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




                                <div class="col-sm-3 form-group">
                                    <label for="bci_certificate" class="control-label">Council Certificate Upload <small>(Max upload size 200 KB)</small></label>
                                    <div class="custom-file">
                                        <input type="file" class="form-control custom-file-input @error('bci_certificate') is-invalid @enderror" name="bci_certificate" accept="application/pdf" id="bci_certificate" value="{{old('bci_certificate',$user_certificate)}}">
                                        <label class="custom-file-label" for="bci_certificate">Choose file</label>
                                        @error('bci_certificate')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>



                            </div>                               
                        </div>

                    </div>


                    <div class="card card-primary col-12 p-0">
                        <div class="card-header">
                            <h3 class="card-title">Address</h3>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">

                            <div class="row">




                                <div class="col-sm-3">
                                    <div class="form-group required">
                                        <label class="control-label">Address</label>
                                        <input type="text" class="form-control @error('address') is-invalid @enderror" name="address" value="{{old('address',$user_address)}}">
                                        @error('address')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>                               
                                <div class="col-sm-3">
                                    <div class="form-group required">
                                        <label class="control-label">Pincode</label>
                                        <input type="text" class="form-control @error('pincode') is-invalid @enderror" name="pincode" value="{{old('pincode',$user_pincode)}}" max='6'>
                                        @error('pincode')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="form-group required">
                                        <label class="control-label">State</label>
                                        <select class="form-control @error('state') is-invalid @enderror" name="state" id="state">
                                            <option value=''>select</option
                                            @foreach($state_master as $st)
                                            <option value="{{ $st->state_code }}" @if( $st->state_code ==old('state',$user_state)) {{'selected'}}  @endif>{{ $st->state_name_english }}</option>
                                            @endforeach
                                        </select> 
<!--                                        <input type="text" class="form-control" name="state" value="{{old('state')}}">-->
                                        @error('state')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>                                                     
                                <div class="col-sm-3">
                                    <div class="form-group required">
                                        <label class="control-label">District</label>
                                        <select class="form-control @error('district') is-invalid @enderror" name="district" id="district">
                                        </select>
                                        @error('district')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>

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


                    <div class="card card-primary col-12 p-0">
                        <div class="card-header">
                            <h3 class="card-title">Secretary Details</h3>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">

                            <div class="row">


                                <div class="col-sm-3">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label class="control-label">Secretary Name</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <select class="form-control @error('secretary_title') is-invalid @enderror" name="secretary_title">
                                                    <option value=''>Choose</option
                                                    @foreach($nameTitle as $a)
                                                    <option value="{{ $a->title }}" @if( $a->title ==old('secretary_title',$secretary_title)) {{'selected'}}  @endif>{{ $a->title }}</option>
                                                    @endforeach
                                                </select>                                                
                                            </div>
                                            
                                            <input type="text" class="form-control @error('secretary_name') is-invalid @enderror" name="secretary_name" value="{{old('secretary_name',$secretary_name)}}" max="100">
                                            @error('secretary_title')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                            @error('secretary_name')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label class="control-label">From Date (dd-mm-yyyy)</label>

                                        <div class="input-group date" id="secretary_from_date" data-target-input="nearest">
                                            <input type="text" class="form-control datetimepicker-input @error('secretary_from_date') is-invalid @enderror" value="{{old('secretary_from_date',$secretary_from_date)}}" name="secretary_from_date" data-target="#secretary_from_date"/>
                                            <div class="input-group-append" data-target="#secretary_from_date" data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="far fa-calendar-alt"></i></div>
                                            </div>
                                            @error('secretary_from_date')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label class="control-label">To Date (dd-mm-yyyy)</label>

                                        <div class="input-group date" id="secretary_to_date" data-target-input="nearest">
                                            <input type="text" class="form-control datetimepicker-input @error('secretary_to_date') is-invalid @enderror" value="{{old('secretary_to_date',$secretary_to_date)}}" name="secretary_to_date" data-target="#secretary_to_date"/>
                                            <div class="input-group-append" data-target="#secretary_to_date" data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="far fa-calendar-alt"></i></div>
                                            </div>
                                            @error('secretary_to_date')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label class="control-label">Secretary e-Mail</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('secretary_email') is-invalid @enderror" name="secretary_email" placeholder="Email" value="{{old('secretary_email',$secretary_email)}}">

                                            @error('secretary_email')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label class="control-label">Secretary Mobile No.</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('secretary_mobile') is-invalid @enderror" name="secretary_mobile" value="{{old('secretary_mobile',$secretary_mobile)}}" max="10">

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

                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label class="control-label">Secretary Phone</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fas fa-phone"></i></span>
                                            </div>
                                            <input type="text" class="form-control @error('secretary_phone') is-invalid @enderror" name="secretary_phone" value="{{old('secretary_phone',$secretary_phone)}}" max="20">

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

                        </div>



                        <div class="card card-primary col-12 p-0">
                            <div class="card-header">
                                <h3 class="card-title">President Details</h3>
                            </div>
                            <!-- /.card-header -->
                            <div class="card-body">

                                <div class="row">



                                    <div class="col-sm-3">
                                        <!-- text input -->
                                        <div class="form-group">
                                            <label class="control-label">President Name</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <select class="form-control @error('president_title') is-invalid @enderror" name="president_title">
                                                        <option value=''>Choose</option
                                                        @foreach($nameTitle as $b)
                                                        <option value="{{ $b->title }}" @if( $b->title ==old('president_title',$president_title)) {{'selected'}}  @endif>{{ $b->title }}</option>
                                                        @endforeach
                                                    </select> 
                                                </div>
                                                <input type="text" class="form-control @error('president_name') is-invalid @enderror" name="president_name" value="{{old('president_name',$president_name)}}">
                                                @error('president_title')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                                @error('president_name')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <label class="control-label">From Date (dd-mm-yyyy)</label>
                                            <div class="input-group date" id="president_from_date" data-target-input="nearest">
                                                <input type="text" class="form-control datetimepicker-input @error('president_from_date') is-invalid @enderror" value="{{old('president_from_date',$president_from_date)}}" name="president_from_date" data-target="#president_from_date"/>
                                                <div class="input-group-append" data-target="#president_from_date" data-toggle="datetimepicker">
                                                    <div class="input-group-text"><i class="far fa-calendar-alt"></i></div>
                                                </div>
                                                @error('president_from_date')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <label class="control-label">To Date (dd-mm-yyyy)</label>
                                            <div class="input-group date" id="president_to_date" data-target-input="nearest">
                                                <input type="text" class="form-control datetimepicker-input @error('president_to_date') is-invalid @enderror" value="{{old('president_to_date',$president_to_date)}}" name="president_to_date" data-target="#president_to_date"/>
                                                <div class="input-group-append" data-target="#president_to_date" data-toggle="datetimepicker">
                                                    <div class="input-group-text"><i class="far fa-calendar-alt"></i></div>
                                                </div>
                                                @error('president_to_date')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <label class="control-label">President e-Mail</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('president_email') is-invalid @enderror" name="president_email" placeholder="Email" value="{{old('president_email',$president_email)}}">
                                                @error('president_email')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <label class="control-label">President Mobile No.</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('president_mobile') is-invalid @enderror" name="president_mobile" value="{{old('president_mobile',$president_mobile)}}">
                                                @error('president_mobile')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <label class="control-label">President Phone</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text"><i class="fas fa-phone"></i></span>
                                                </div>
                                                <input type="text" class="form-control @error('president_phone') is-invalid @enderror" name="president_phone" value="{{old('president_phone',$president_phone)}}">
                                                @error('president_phone')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>                                

                                </div>                               
                            </div>
                        </div>




                        <div class="card card-primary col-12 p-0">

                            <!-- /.card-body -->
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary">{{$module_sub_title}}</button>
                            </div>
                            <!-- /.card-footer -->
                        </div>     

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

    $(function () {
        bsCustomFileInput.init();

        //Date picker
        $('#secretary_from_date').datetimepicker({
            format: 'DD-MM-YYYY'
        });
        $('#president_from_date').datetimepicker({
            format: 'DD-MM-YYYY'
        });
        $('#secretary_to_date').datetimepicker({
            format: 'DD-MM-YYYY'
        });
        $('#president_to_date').datetimepicker({
            format: 'DD-MM-YYYY'
        });


    });

    var st = $('#state').val();
    var districtOldValue = "{{ old('district',$user_district) }}";
    if (st > 0) {

        get_district(st);
    }
    $(document).on("change", "#state", function () {
        var state_code = $(this).val();
        get_district(state_code);
    });
    var token = $("meta[name='csrf-token']").attr("content");
    function get_district(id) {
        $.ajax({
            type: "POST",
            url: "/state/" + id,
            data: {state_code: id, "_token": token},
            cache: false,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function (data) {                
                $("#district").empty();
                $("#district").append("<option value=''>choose...</option>");
                $.each(data, function (index, obj) {
                    var select_val = '';
                    if (obj.district_code == districtOldValue) {
                        select_val = 'selected';
                    }
                    $("#district").append("<option value='" + obj.district_code + "' " + select_val + " >" + obj.district_name_english + "</option>");
                });
            }
        });
    }
</script>    
@endsection