@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-6">
                    <h1 class="m-0">Create Bar Councils</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_association" enctype="multipart/form-data">
                    @csrf
                    <div class="card card-primary col-12 p-0">
                        <div class="card-header">
                            <h3 class="card-title">Council 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">Bar Type</label>
                                        <select class="form-control council_type @error('council_type') is-invalid @enderror" name="council_type">
                                            <option value=''>Choose...</option>
                                            @if(session('signed_in_user_profile')->council_type == 1)
                                            <option value='1' @if(old('council_type') == 1) {{'selected'}} @endif >Bar Council of India</option>
                                            <option value='2' @if(old('council_type') == 2) {{'selected'}} @endif>State Bar Association</option>
                                            @endif
                                            <option value='3' @if(old('council_type') == 3) {{'selected'}} @endif>High Court Bar Association</option>
                                            <option value='4' @if(old('council_type') == 4) {{'selected'}} @endif>District Bar Association</option>
                                        </select> 
                                        @error('council_type')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-sm-6 d-none state_bar_div">
                                    <div class="form-group required">
                                        <label class="control-label">State Bar</label>
                                        <select class="form-control @error('state_bar') is-invalid @enderror" name="state_bar">
                                            @if(session('signed_in_user_profile')->council_type == 1)
                                            <option value=''>Choose...</option>
                                            @foreach($stateAssociation as $sa)
                                            <option value="{{ $sa->mainhead }}" @if( $sa->mainhead ==old('state_bar')) {{'selected'}}  @endif>{{ $sa->council_name }}</option>
                                            @endforeach
                                            @else
                                            <option value="{{ session('signed_in_user_profile')->mainhead }}" @if( session('signed_in_user_profile')->mainhead ==old('state_bar')) {{'selected'}}  @endif>{{ session('signed_in_user_profile')->council_name }}</option>
                                            @endif
                                        </select> 
                                        @error('state_bar')
                                        <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">Bar Name</label>
                                        <input type="text" class="form-control @error('council_name') is-invalid @enderror" value="{{old('council_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-6">
                                    <!-- 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')) {{'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')}}" 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-6">
                                    <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')}}">

                                            @error('bar_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 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')}}" max="20">

                                            @error('bar_phone')
                                            <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">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')) {{'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')}}" 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-6">
                                    <div class="form-group required">
                                        <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')}}">

                                            @error('secretary_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 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')}}" max="10">

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

                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <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')}}" max="20">

                                            @error('secretary_phone')
                                            <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">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=''>select</option
                                                    @foreach($nameTitle as $b)
                                                    <option value="{{ $b->title }}" @if( $b->title ==old('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')}}">
                                            @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-6">
                                    <div class="form-group required">
                                        <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')}}">
                                            @error('president_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 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')}}">
                                            @error('president_mobile')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <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')}}">
                                            @error('president_phone')
                                            <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">Pincode</label>
                                        <input type="text" class="form-control @error('pincode') is-invalid @enderror" name="pincode" value="{{old('pincode')}}" max='6'>
                                        @error('pincode')
                                        <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">Address</label>
                                        <input type="text" class="form-control @error('address') is-invalid @enderror" name="address" value="{{old('address')}}">
                                        @error('address')
                                        <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">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')) {{'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-6">
                                    <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 class="col-sm-6 form-group required">
                                    <label for="bci_certificate" class="control-label">Association 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">
                                        <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>
                        <!-- /.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 () {
        bsCustomFileInput.init();
    });
    $(document).on('click', '.council_type', function () {
        var flag = $(this).val();
        if (flag == 3 || flag == 4) {
            $(".state_bar_div").removeClass("d-none");
        } else {
            $(".state_bar_div").addClass("d-none");
        }
    });




var st = $('#state').val();
var districtOldValue = "{{ old('district') }}"; 
if(st > 0){
        get_district(st);
}
    $(document).on("change", "#state", function () {
        var state_code = $(this).val();
        get_district(state_code);
    });
    
    function get_district(id){
        var token = $("meta[name='csrf-token']").attr("content");      
        $.ajax({
            type: "POST",
            url: "/state/" + id,
            data: {state_code: id, "_token": token},
            cache: false,
            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