@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="sc_member" method="POST" >
            @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">

                    
                    <div class="row mb-15px">
                        <label for="screening_committee_name_label" class="form-label col-form-label col-md-4">Select Committee Name*</label>
                        <div class="col-md-8">
                            <select name="screening_committee_name" id="screening_committee_name" class="form-select form-select-sm" aria-label="screening_committee_name_label">
                                <option value="">Choose...</option>
                                @foreach($sc_master as $data)
                                <option value="{{ $data->id }}" {{old('screening_committee_name', $master_screening_committee_id) == $data->id ? 'selected' : ''}} >{{ $data->committee_name }}</option>
                                @endforeach
                            </select>  
                            @error('screening_committee_name')
                            <span class="invalid-feedback d-inline" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="row mb-15px">
                        <label for="advocate_label" class="form-label col-form-label col-md-4">Advocate Name*</label>
                        <div class="col-md-8">
                            <select name="advocate_name" id="advocate_name" class="form-select form-select-sm" aria-label="advocate_label">
                                                            </select>                                                

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


                    <div class="row mb-15px">
                        <label for="active_from_label" class="form-label col-form-label col-md-4">Active From*</label>
                        <div class="col-md-8">
                            <div class="input-group">
                                <input type="text" id="active_from" aria-label="active_from_label" name="active_from" class="form-control form-control-sm @error('active_from') is-invalid @enderror" value="{{ old('active_from', $active_from) }}">
                                <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                            </div>
                            @error('active_from')
                            <span class="invalid-feedback d-inline" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                        
                    <div class="row mb-15px">
                        <label for="active_to_label" class="form-label col-form-label col-md-4">Active To</label>
                        <div class="col-md-8">
                            <div class="input-group">
                                <input type="text" id="active_to" aria-label="active_to_label" name="active_to" class="form-control form-control-sm @error('active_to') is-invalid @enderror" value="{{ old('active_to', $active_to) }}">
                                <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                            </div>
                            @error('active_to')
                            <span class="invalid-feedback d-inline" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </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>


        @if($sc_members)

        <!--Grid row-->
        <div class="panel panel-inverse">
            <div class="panel-heading">
                <h4 class="panel-title">Screening Committee Members - Report</h4>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-12">



                        <div class="table-responsive">
                            <table class="table table-striped mb-0 align-middle">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Screening Committee</th>
                                        <th>Advocate Name</th>
                                        <th>From Date</th>
                                        <th>To Date</th>
                                        <th width="1%"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php $sno = 1; @endphp
                                    @foreach($sc_members as $sc_members)
                                    <tr>
                                        <td>
                                            {{$sno++}}
                                        </td>
                                        <td>{{$sc_members->committee_name}}</td>
                                        <td>{{$sc_members->title.' '.$sc_members->user_name}}</td>
                                        <td>{{date('d-m-Y', strtotime($sc_members->from_date))}}</td>
                                        <td>{{$sc_members->to_date == null ? '' : date('d-m-Y', strtotime($sc_members->to_date))}}</td>                                        
                                        <td nowrap>
                                            <a href="{{url('sc_member/'.$sc_members->id)}}" class="btn btn-sm btn-primary w-60px me-1">Edit</a>
                                            <a href="{{url('sc_member/delete/'.$sc_members->id)}}" class="btn btn-sm btn-white w-60px">Delete</a>
                                        </td>
                                    </tr>
                                     @endforeach
                                </tbody>
                            </table>
                        </div>



                    </div>
                </div>



            </div>


        </div>   
        @endif
    </div>
</div>

@endsection
@push('scripts')
<script>
    var token = $("meta[name='csrf-token']").attr("content");
$(document).ready(function () {

    $("#active_from").datepicker({
    format: "dd-mm-yyyy",
            todayHighlight: true,
            autoclose: true
    });
    $("#active_to").datepicker({
    format: "dd-mm-yyyy",
            todayHighlight: true,
            autoclose: true
    });


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

    });

</script>
@endpush