@extends('admin.layout.admin-dash-layout')

@section('title', 'All Admins')



@section('content')

<br>





<div class="container-fluid">

    <div class="fade-in">

      <div class="row">

        <div class="col-sm-12">

          <div class="card">

            <div class="card-header">

                <h4>All Documents</h4>

            </div>

              <div class="card-body">

                  <div class="row">

                      <a class="btn  ml-3" style="background-color:rgb(153, 51, 0); color:white" href="{{ route('create') }}">Add Document</a>

                  </div>

                  <br>

                  <table class="table table-hover datatable tt">

                      <thead>

                          <tr>

                              <th>#</th>

                              <th>Title</th>

                              <th>Category</th>

                              <th>Sub Category</th>

                              <th>Image</th>

                              <th>Restricted Document</th>

                             

                              

                              <th>Action</th>

                              

                              

                          </tr>

                      </thead>

                      <tbody>

                          @foreach($admins as $admin)

                              <tr>

                                  <td>{{ $loop->iteration }}</td>

                                  <td>

                                      {{ $admin->title}}

                                  </td>

                                  

                             

                                  <td>

                                      {{ $admin->category}}

                                  </td>

                                

                                 <td>

                                     {{$admin->sub_category}}

                                 </td>

                                 <td> 

                                     
                                      <a href="{{url('view', $admin->id)}}" target="_blank"><i class="fa fa-file-pdf-o"  style="font-size:36px;color:red"></i></a>
                                      <!--@if($admin->restricted_option == 'Yes')-->
                                      <!--  <a href="{{url('view', $admin->id)}}" target="_blank"><i class="fa fa-file-pdf-o"  style="font-size:36px;color:red"></i></a>-->
                                      <!--@else-->
                                      <!--<a href="../../luckycement/public/admin/{{$admin->image}}" target="_blank"><i class="fa fa-file-pdf-o"  style="font-size:36px;color:red"></i></a>-->
                                      <!--@endif -->
                                    

                                  </td>

                                  <td>

                                      {{ $admin->restricted_option }}

                                  </td>

                                 <td>

                                  <a href="{{route('edit', $admin->id)}}" ><i class="fa fa-edit fa-lg text-warning ml-2"

                                    style="cursor: pointer"></i></a>



                                  <a href="javascript:;" onclick="confirmDelete('{{ $admin->id }}')"><i

                                    class="fa fa-trash fa-lg text-danger"

                                    style="cursor: pointer"></i></a>



                                  <form id="delete-admin-{{ $admin->id }}" action="{{route('delete',$admin->id)}}" method="POST"

                                    style="display: none;">

                                    @method('GET')

                                    @csrf

                                </form>



                                  </td>

                                  

                              </tr>

                          @endforeach

                      </tbody>

                  </table>

  

              </div>

            </div>

          </div>

        </div>

      </div>

    </div>

  </div>



 

  

@endsection



@section('javascript')

    <script >

         function confirmDelete(id) {

            let choice = confirm("Are you sure, You want to delete Document");

            if (choice) {

                document.getElementById("delete-admin-" + id).submit();

            }

        }

        //data-table work

        $(document).ready( function () {

            $('.datatable').DataTable();

        } );

     

    



    

    </script>

   

 @endsection