@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
            <!--Grid row-->
        <div class="panel panel-inverse">
            <div class="panel-heading">
                <h4 class="panel-title">{{$module_title}}</h4>
                 <div class="panel-heading-btn">
      
                <a href="/lsa_report_new" class="btn btn-xs btn-icon btn-circle btn-success" >
                    <i class="fa fa-arrow-left"></i> 
                </a> 
               <a href="/lsa_report_new" class='text-white font-weight-bold' >
                    BACK 
                </a>  
                     
      
    </div>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-12">

                        <div class="table-responsive">
                             
                            <table id="lsa-table" class="table table-bordered table-striped mb-0 align-middle">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Legal Authority Name</th>                                       
                                        <th>Contact Person Name</th>
                                        <th>eMail</th>
                                        <th>Phone</th>
                                        <th>Address</th>
                                        <th>Pincode</th>
                                        <th>State</th>
                                        <th>District</th>                                        
                                        <th>Tehsil</th>                                        
                                    </tr>
                                </thead>
                                <tbody>

                                    @php $sno = 1; @endphp
                                    @foreach($table_data as $lsa)
                                    <tr>
                                        <td>{{$sno++}}</td>
                                        <td>{{strtoupper($lsa->org_name)}}</td>                                        
                                        <td>{{strtoupper($lsa->title.' '.$lsa->user_name)}}</td>
                                     <td>{{strtolower($lsa->email)}}</td>
                                     <td>{{$lsa->phone}}</td>
                                     <td>{{strtoupper($lsa->address)}}</td>
                                     <td>{{$lsa->pincode}}</td>
                                     <td>{{strtoupper($lsa->state_name_english)}}</td>
                                     <td>{{strtoupper($lsa->district_name_english)}}</td>
                                     <td>{{strtoupper($lsa->subdistrict_name_english)}}</td>                                     
                                     
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>



                    </div>
                </div>



            </div>


        </div>   
        

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