@extends('layouts.master')

@section('page-content')
  <div class="title-bar">
    <h1 class="title-bar-title">
      <span class="d-ib">All Samiti</span>
    </h1>
  </div>
<div class="row gutter-xs">
  <div class="col-xs-12">
    <div class="card">
      <div class="card-header" style="background-color: #171a2b;">
        <div class="card-actions">
          <button type="button" class="card-action card-toggler" title="Collapse"></button>
        </div>
        <strong style="color:#FFC106">Samiti List</strong>
        @if(Auth::user()["regional_admin"] == 1) {
         <strong><a href="{{url('samiti/create')}}" class="btn btn-md btn-primary pull-right"><i class="icon icon-plus"></i> Add Samiti</a></strong>
     @else 

         @endif
        </div>
      <div class="card-body">
        <form action="/getFilterSamiti" method="post">
            {{ csrf_field() }}
            <div class="col-xs-12" style="margin-bottom: 15px;">
                <div class="col-md-3 col-xs-9">
                    <select name="filter" id="filter" class="form-control">
                        <option @if($type == 'all') selected @endif value="all">All</option>
                        <option @if($type == 'Current') selected @endif value="Current">Current</option>
                        <option @if($type == 'Past') selected @endif value="Past">Past</option>
                    </select>
                </div>
                 <div class="col-xs-3">
                    <button type="submit" class="btn btn-outline-primary">Filter</button>
                </div>
            </div>
        </form>
        <table class="table table-bordered table-striped table-nowrap adataTable" cellspacing="0" width="100%" id="table">
          <thead>
            <tr>
              <th>#</th>
              <th>Name</th>
              <th>Samiti Year</th>
              <th style="display:none">Test</th>
              <th>Valid till</th>
              <th>Total Members</th>
              <th>Action</th>
            </tr>
          </thead>
          <tbody>
            @php
            $i = 1;
            @endphp
                     </tbody>
       </table>
     </div>
   </div>
 </div>
   </div>
@endsection



@push('page-script')

<script type="text/javascript">
 $(document).ready(function() {
   $('.table').DataTable({
       dom: 'Bfrtip',
       // buttons: [
       //     'copyHtml5','excelHtml5','csvHtml5','pdfHtml5','print'
       // ],

        buttons: [
                    {
                        extend: 'csvHtml5',
                        title : 'All Samiti',
                        exportOptions: {
                            columns: [ 0,1,2,3,4],
                        }
                    },
                   
                ],
    responsive: true,
   });
});
</script>

<script>


    $(document).on('click', '.delete', function(){
        let id = $(this).attr('data-id');

        swal({
            title: "Are you sure?",
            text: "Once deleted, you will not be able to recover this imaginary file!",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        })
        .then((willDelete) => {
            if (willDelete) {
                $.ajax({
                    url:'/delete_samiti/'+ id,
                    type:'get',
                    data:{_method:'delete',_token:'{{ csrf_token() }}'},
                    success : function(response) {
                        swal("Poof! Your imaginary file has been deleted!", {
                            icon: "success",
                        });
                        /*Added By kiran*/
                        window.location.replace("{{url('samiti')}}");
                        /*$( ".dataTable" ).load( "/samiti .dataTable" ); old code*/
                    }
                })
            } else {

            }
        });
    });
</script>
@endpush