@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 action="lsa_report" method="POST" >
            @csrf
            <!--Grid row-->
            <div class="panel panel-inverse">
                <div class="panel-heading">
                    <h4 class="panel-title">{{$module_title}}</h4>
                </div>
                <div class="panel-body">

                    <div class="row mb-15px">
                                <div class="col-sm-3">
                                    <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')) {{'selected'}}  @endif  > {{ $ot->type_name }}</option>
                                            @endforeach
                                        </select> 
                                        @error('org_type')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>                                                               
                                
                                <div class="col-sm-9 parent-authority-section">
                                    <div class="form-group required">
                                        <label for="org_id" class="form-label col-form-label">Authority Name*</label>
                                        <div class="select2-purple">
                                        <select area-label="org_id" class="w-100 form-control form-control-sm @error('org_id') is-invalid @enderror" placeholder="select Authority" id="org_id" name="org_id">
                                            <option value='0'>Choose</option>
                                        </select> 
                                        </div>    
                                        @error('org_id')
                                        <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">Search</button>
                </div>

            </div>
        </form>

    </div>
</div>

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

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

var s = $('#org_type').val();
if(s > 0){
    get_legal_authority(s);               
}
        $(document).on("change", "#org_type", function () {
            var org_type_id = $(this).val();
                get_legal_authority(org_type_id);                

        });
            var orgIdOldValue = "{{ old('org_id') }}";
        
          function get_legal_authority(id) {
            $.ajax({
            type: "POST",
            url: "/get_legal_authority_basic/" + id,
            data: {id: id, "_token": token},
            cache: false,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function (data) {               
                console.log(data);
                $("#org_id").empty();
                $("#org_id").append("<option value=''>choose...</option>");
                $.each(data, function (index, obj) {
                    var select_val = '';
                    if (obj.id == orgIdOldValue) {
                        select_val = 'selected';
                    }
                                        
                    if(obj.org_type == 1){
                        $("#org_id").append("<option value='" + obj.id + "' " + select_val + " >" + obj.org_name + "</option>");                        
                    }
                    if(obj.org_type == 2){
                           $("#org_id").append("<option value='" + obj.id + "' " + select_val + " >" + obj.slsa +" -> " + obj.hclsa + "</option>");                        
                    }
                    else if(obj.org_type == 3){
                           $("#org_id").append("<option value='" + obj.id + "' " + select_val + " >" + obj.slsa +" -> " + obj.hclsa +" -> " + obj.dlsa + "</option>");                        
                    }
                    else if(obj.org_type == 4){
                           $("#org_id").append("<option value='" + obj.id + "' " + select_val + " >" + obj.slsa +" -> " + obj.hclsa +" -> " + obj.dlsa +" -> " + obj.tlsa + "</option>");                        
                    }
                });
            }
        });
    }

</script>
@endpush