@extends('layouts.default')
@section('title', $module_title)
@push('head')
<link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script src="/assets/plugins/select2/dist/js/select2.min.js" defer></script>
<link href="/assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="/assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js" defer></script>
<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>

@endpush
@section('content')

<script>
    @if (Session::has('success'))
            swal({
            title: "Success!",
                    text: "{{Session::get('success')}}",
                    icon: "success",
                    button: "Go Ahead!"
            }).then(function () {

    });
    @endif


</script>
<div class="row">
    <!--Grid column-->
    <div class="col-md-1"></div>
    <div class="col-md-10 mb-5">


        @if(Session::has('failed'))
        <div class="alert alert-success text-center">
            {{Session::get('error')}}
        </div>
        @endif


        <form method="POST" action="/lsa_create" >
            @csrf
            <!--Grid row-->
            <div class="panel panel-inverse">
                <div class="panel-heading">
                    <h4 class="panel-title">{{$module_title.' - '.$module_sub_title}}</h4>
                </div>
                <div class="panel-body">
                    
                    @if ($org_id != null)

                            <div class="row mb-15px">

                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label class="text-bold">Legal Authority Type : </label>
                                        <label class="text-info">{{$org_type_name}}</label>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label class="text-bold">Legal Authority Name : </label>
                                        <label class="text-info">{{$org_name}}</label>
                                    </div>
                                </div>
                            </div>
                            @endif
                            

                            <div class="row mb-15px">
                                <div class="col-sm-3 @if($org_id != null) {{'d-none'}} @endif">
                                    <div class="form-group ">
                                        <label for="org_type" class="form-label col-form-label">Legal Authority Type*</label>
                                        <select area-label="org_type" class="form-control form-control-sm @error('org_type') is-invalid @enderror" name="org_type" id="org_type">
                                            <option value='0'>select</option>
                                            @foreach($orgType as $ot)
                                            <option value="{{ $ot->id }}" @if( $ot->id ==old('org_type',$org_type_id)) {{'selected'}}  @endif  > {{ $ot->type_name }}</option>
                                            @endforeach
                                        </select> 
                                        @error('org_type')
                                        <span class="invalid-feedback d-inline" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                                
                                
                                
                                <div class="col-sm-9 parent-authority-section @if($org_id != null) {{'d-none'}} @endif">
                                    <div class="form-group">
                                        <label for="parent_id" class="form-label col-form-label">Parent Legal Authority Name</label>
                                        <div class="select2-purple">
                                        <select area-label="parent_id" class="w-100 select2 form-control form-control-sm @error('parent_id') is-invalid @enderror" placeholder="select Parent Authority"  id="parent_id" name="parent_id">
                                            <option value='0'>Choose</option>
                                        </select> 
                                        </div>    
                                        @error('parent_id')
                                        <span class="invalid-feedback d-inline" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                          
                            
                            
                            
                             <div class="row">
                                

                                <div class="col-sm-3">
                                        <label for="la_name" class="form-label col-form-label">Legal Authority Name*</label>
                                        <input area-label="la_name" type="text" class="form-control form-control-sm @error('la_name') is-invalid @enderror" value="{{old('la_name', $org_name)}}" name="la_name" max="100">
                                        @error('la_name')
                                        <span class="invalid-feedback d-inline" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                </div>

                                <div class="col-sm-3">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label for="contact_person" class="form-label col-form-label">Contact Person Name*</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <select class="form-control form-control-sm @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 form-control-sm @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 d-inline" 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">
                                        <label for="email" class="form-label col-form-label">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 area-label="email" type="text" class="form-control form-control-sm @error('email') is-invalid @enderror" name="email" placeholder="Email" value="{{old('email',$user_email)}}">

                                            @error('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 for="phone" class="form-label col-form-label">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 area-label="phone" type="text" class="form-control form-control-sm @error('phone') is-invalid @enderror" name="phone" value="{{old('phone',$user_phone)}}" max="20">

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


                           

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="address" class="form-label col-form-label">Address*</label>
                                        <input type="text" area-label="address" class="form-control form-control-sm @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">
                                        <label for="pincode" class="form-label col-form-label">Pincode*</label>
                                        <input type="text" area-label="pincode" class="form-control form-control-sm @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 for="la_type" class="form-label col-form-label">State*</label>
                                        <select class="form-control form-control-sm @error('state') is-invalid @enderror" name="state" id="state" aria-label="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">
                                        <label for="la_type" class="form-label col-form-label">District*</label>
                                        <select class="form-control form-control-sm @error('district') is-invalid @enderror" name="district" id="district" aria-label="district">
                                        </select>
                                        @error('district')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                                
                                <div class="col-sm-3">
                                    <div class="form-group">                                        
                                        <label for="tehsil" class="form-label col-form-label">Tehsil</label>
                                        <select class="form-control form-control-sm @error('tehsil') is-invalid @enderror" name="tehsil" id="tehsil" aria-label='tehsil'>
                                        </select>
                                        @error('tehsil')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>                                    
                                </div>
                            </div>                               
                            
                                                  



                </div>
                <div class="panel-footer text-center text-md-left">
                    <button type="submit" class="btn btn-primary">{{$module_sub_title}}</button>
                </div>

            </div>
        </form>


     
    </div>
</div>

@endsection
@push('scripts')
<script>
            $(document).ready(function () {

    $("#parent_id").select2();
    });
    
        var token = $("meta[name='csrf-token']").attr("content");          

   
var s = $('#state').val();
var DistrictOldValue = "{{ old('district',$user_district) }}"; 
var TehsilOldValue = "{{ old('tehsil',$user_subdistrict) }}"; 

if(s > 0){ get_district(s);}
if(DistrictOldValue > 0){ get_tehsil(DistrictOldValue);}

    $(document).on("change", "#state", function () {
        var state_code = $(this).val();        
        get_district(state_code);
        $("#tehsil").empty();        
    });
    
    $(document).on("change", "#district", function () {
        var district_code = $(this).val();
        get_tehsil(district_code);        
    });
             
    
    function get_district(id){
        $.ajax({
            type: "POST",
            url: "/state/" + id,
            data: {state_code: id},
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            cache: false,
            success: function (data) {
                console.log(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>");
                });
            }
        });
    }
    function get_tehsil(id){
        $.ajax({
            type: "POST",
            url: "/district/" + id,
            data: {district_code: id},
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            cache: false,
            success: function (data) {
                console.log(data);
                $("#tehsil").empty();
                $("#tehsil").append("<option value=''>choose...</option>");                
                $.each(data, function (index, obj) {
                    var select_val = '';
                    if(obj.subdistrict_code == TehsilOldValue){
                        select_val = 'selected';
                    }                        
                    $("#tehsil").append("<option value='"+obj.subdistrict_code+"' "+select_val+" >" + obj.subdistrict_name_english + "</option>");
                });
            }
        });
    }
    
   
    var org_type_id = $("#org_type").val();
   
         if(org_type_id == 0){
                $('.select2').prop('disabled', true);
            }
            else{
                $('.select2').prop('disabled', false);
                get_legal_authority(org_type_id);                
            }
       
    
        $(document).on("change", "#org_type", function () {
            var org_type_id = $(this).val();
            if(org_type_id == 1 || org_type_id == 0){
                $('.select2').prop('disabled', true);
            }
            else{
                $('.select2').prop('disabled', false);
                get_legal_authority(org_type_id);                
            }
        });
        var parentIdOldValue = "{{ old('parent_id',$org_id) }}";
        
          function get_legal_authority(id) {
            $.ajax({
            type: "POST",
            url: "/get_legal_authority/" + id,
            data: {id: id, "_token": token},
            cache: false,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function (data) {   
                console.log("545454545454");
                console.log(data);
                $("#parent_id").empty();
                $("#parent_id").append("<option value='0'>choose...</option>");
                $.each(data, function (index, obj) {
                    var select_val = '';
                    if (obj.id == parentIdOldValue) {
                        select_val = 'selected';
                    }
                                        
                    if(obj.org_type == 2){
                           $("#parent_id").append("<option value='" + obj.id + "' " + select_val + " >" + obj.slsa +" -> " + obj.hclsa + "</option>");                        
                    }
                    else if(obj.org_type == 3){
                           $("#parent_id").append("<option value='" + obj.id + "' " + select_val + " >" + obj.slsa +" -> " + obj.hclsa +" -> " + obj.dlsa + "</option>");                        
                    }
                    else{
                        $("#parent_id").append("<option value='" + obj.id + "' " + select_val + " >" + obj.org_name + "</option>");                        
                    }

                });
            }
        });
    }


</script>
@endpush