@extends('admin.master')
@section('content')

<meta name="csrf-token" content="{{ csrf_token() }}">
<!-- DataTables -->
<link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css') }}">
<!-- 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-6">
                    <h1 class="m-0">Created Association List</h1>
                </div><!-- /.col -->

            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">

            <!-- Message -->

            <form method="POST" action="" >
                @csrf
                <div class="card card-primary col-12 p-0">
                    <div class="card-header">
                        <h3 class="card-title">Association List</h3>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <table id="example1" class="table table-bordered table-striped">
                            <thead>
                                <tr>  
                                    <th>#</th>  
                                    <th>Association</th>
                                    <th>Secretary</th>
                                    <th>President</th>
                                    <th>Address</th>
<!--                                    <th>Action</th>-->
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($associationData as $key => $data)
                                <tr>
                                    <td>{{ ++$key }}</td>    
                                    <td>
                                        {{ $data->council_name }}
                                        @if($data->council_type == 2)
                                           (State)
                                        @elseif($data->council_type == 3)
                                           (High Court)
                                        @elseif($data->council_type == 4)
                                            (District Court)                                                                              
                                        @endif   
                                        
                                        <br><a href='{{asset(config("constants.BCI_CERTIFICATE_UPLOAD_PATH").$data->certificate) }}' target='_blank'>Certificate View</a>
                                    </td>                                    
                                    <td>{{ $data->secretary_name.' '.$data->secretary_email.' '.$data->secretary_mobile.' '.$data->secretary_phone }}</td>
                                    <td>{{ $data->president_name.' '.$data->president_email.' '.$data->president_mobile.' '.$data->president_phone }}</td>
                                    <td>{{ $data->address.' '.$data->district.' '.$data->state.' '.$data->pincode }}</td>                                    
<!--                                    <td>
                                        <span class='advocate_edit pl-2' data-advocate_id='{{ $data->id }}'  title='Edit'><i class="fas fa-pen"></i></span>
                                        <span class='advocate_remove pl-2' data-advocate_id='{{ $data->id }}' title='Delete'><i class="text-danger fas fa-trash-alt"></i></span>
                                    </td>-->
                                </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th>#</th>  
                                    <th>Association</th>
                                    <th>Secretary</th>
                                    <th>President</th>
                                    <th>Address</th>
<!--                                    <th>Action</th>-->
                                </tr>
                            </tfoot>
                        </table>

                    </div>
                    <!-- /.card-body -->
                    <!-- /.card-body -->
                </div>
            </form>
            <!-- /.card -->
            <!-- general form elements disabled -->

        </div><!-- /.container-fluid -->


        

    </section>










    <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<script>

</script> 
@endsection

<!-- jQuery -->
<script src="{{ asset('plugins/jquery/jquery.min.js') }}"></script>
<!-- jQuery UI 1.11.4 -->
<script src="{{ asset('plugins/jquery-ui/jquery-ui.min.js') }}"></script>

<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/jszip/jszip.min.js') }}"></script>
<script src="{{ asset('plugins/pdfmake/pdfmake.min.js') }}"></script>
<script src="{{ asset('plugins/pdfmake/vfs_fonts.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.colVis.min.js') }}"></script>
<script src="{{ asset('plugins/sweetalert/sweetalert5.7.min.js') }}"></script>
<script>

    jQuery(function ($) {
//});

//$(function () {
        $("#example1").DataTable({
            "responsive": true, "lengthChange": false, "autoWidth": false,
            "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
        }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
        $('#example2').DataTable({
            "paging": true,
            "lengthChange": false,
            "searching": false,
            "ordering": true,
            "info": true,
            "autoWidth": false,
            "responsive": true,
        });
    });    
</script>