@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>



<link href="/assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" />
<script src="/assets/plugins/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="/assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.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="jail" 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-9 parent-authority-section">
                                    <div class="form-group required">
                                        <label for="state_code" class="form-label col-form-label">State Name*</label>
                                        <div class="select2-purple">
                                        <select area-label="state_code" class="w-100 form-control form-control-sm @error('state_code') is-invalid @enderror" placeholder="select State" id="state_code" name="state_code">
                                            <option value='0'>Choose</option>
                                            @foreach($state_master as $s)
                                            <option value="{{ $s->state_code }}" @if( $s->state_code ==old('state_code')) {{'selected'}}  @endif  > {{ $s->state_name_english }}</option>
                                            @endforeach
                                        </select> 
                                        </div>    
                                        @error('state_code')
                                        <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>

                
                
@if(!empty($jail_details))
                <div class="row">
                    <div class="col-md-12">

                        <div class="table-responsive">
                            <center><h4>State : {{$state_name->state_name_english}}</h4></center>                  
                            <table id="jail-table" class="table table-bordered table-striped mb-0 align-middle">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Jail Type</th>                                       
                                        <th>Jail Name</th>
                                        <th>Address</th>
                                        <th>District</th>                                        
                                    </tr>
                                </thead>
                                <tbody>

                                    @php $sno = 1; @endphp
                                    @foreach($jail_details as $data)
                                    <tr>
                                        <td>{{$sno++}}</td>
                                        <td>{{strtoupper($data->jail_type)}}</td>                                        
                                        <td>{{strtoupper($data->jail_name)}}</td>
                                        <td>{{strtoupper($data->jail_address)}}</td>                  
                                    <td>{{strtoupper($data->district_name_english)}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>



                    </div>
                </div>
<script>
$('#jail-table').DataTable({
            "paging": false,
            "lengthChange": false,
            "searching": true,
            "ordering": true,
            "info": false,
            "autoWidth": false,
            "responsive": true,
        });
    </script>
@endif
                
                
            </div>
        </form>

    </div>
</div>

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

    $("#state_code").select2();
    });

</script>
@endpush