@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">Update Enrollment Details of Advocate</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             
                <div class="col-md-10">
                    <div class="card card-primary">
                        <div class="card-header">
                            <h3 class="card-title">Advocate - Search</h3>
                        </div>
                        <!-- /.card-header -->
                        <!-- form start -->
                        <form class="form-horizontal" method="POST" action="/admin/enrolment_update">
                            @csrf
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="state_bar" class="col-sm-4 col-form-label">Select Bar Council</label>
                                            <div class="col-sm-8">
                                                <select class="form-control @error('state_bar') is-invalid @enderror" name="state_bar" id="state_bar">                                            
                                                    <option value=''>Choose...</option>
                                                    @if(session('signed_in_profile')->org_type == 1)                                                    
                                                    @foreach($state_councils as $sa)
                                                    <option value="{{ $sa->id }}" @if( $sa->id ==old('state_bar')) {{'selected'}}  @endif>{{ $sa->org_name }}</option>
                                                    @endforeach                                            
                                                    @endif
                                                    @if(session('signed_in_profile')->org_type == 2)
                                                    <option value="{{ session('signed_in_profile')->id }}" @if( session('signed_in_profile')->org_type ==old('state_bar')) {{'selected'}}  @endif>{{ session('signed_in_profile')->org_name }}</option>
                                                    @endif
                                                </select> 
                                                @error('state_bar')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="advocate" class="col-sm-4 col-form-label">Select Advocate</label>
                                            <div class="col-sm-8">
                                            
                                                <select class="form-control @error('advocate') is-invalid @enderror" name="advocate" id="advocate">                                            
                                                </select> 
                                                @error('advocate')
                                                <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" name="search" class="btn btn-primary">Search</button>
                            </div>
                            <!-- /.card-footer -->
                        </form>
                    </div>
                    <!-- /.card -->



                </div>


            </div>
        </div><!-- /.container-fluid -->
    </section>
    
</div>
<!-- /.content-wrapper -->
<script>
    $(function () {
        bsCustomFileInput.init();      
    });    
    var org_id = $('#state_bar').val();
    var advocateOldValue = "{{ old('advocate') }}";
    if (org_id > 0) {
        //get_advocate_by_org_id(org_id);
    }
    $(document).on("change", "#state_bar", function () {
        var org_id = $(this).val();
        //get_advocate_by_org_id(org_id);
    });
    var token = $("meta[name='csrf-token']").attr("content");

    $("#advocate").select2({
        minimumInputLength: 3,
        allowClear: true,
        ajax: {
            url: "/bci-advocate-details",
            type: "post",
            dataType: 'json',
            delay: 250,
            data: function (params) {
                return {
                    ord_id:$('#state_bar').val(),
                    _token: token,
                    searchTerm: params.term // search term
                };
            },
            processResults: function (response) {
                return {
                    results: response
                };
            },
            cache: true
        }
    });


    function get_advocate_by_org_id(id) {
        $.ajax({
            type: "POST",
            url: "/get_advocate_by_org_id/" + id,
            data: {org_id: id, "_token": token},
            cache: false,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function (data) {
                console.log(data);
                $("#advocate").empty();
                $("#advocate").append("<option value=''>choose...</option>");
                $.each(data, function (index, obj) {
                    var select_val = '';
                    if (obj.id == advocateOldValue) {
                        select_val = 'selected';
                    }
                    $("#advocate").append("<option value='" + obj.id + "' " + select_val + " >" + obj.title +" " + obj.user_name + " ("+ obj.enrolment_number +"/"+ obj.enrolment_date + ")</option>");
                    $("#advocate").select2();                    
                });
            }
        });
    }


</script>    
@endsection