@extends('layouts.adminapp')

@section('content')
    {{-- Company --}}

    <div class="container-fluid px-4">
        <h2 class="mt-4">
            INSTITUTIONS
        </h2>
        {{-- <a href="{{route('Company.create')}}" class="btn btn-info d-flex align-items-center justify-content-between w-100">
       <i class="fas fa-building me-2"></i>Add New Institution<i class="fas fa-arrow-right"></i>
    </a> --}}

        <!-- With actions -->
        <h4 class="mt-4">
            Institution Details
            </h6><br>
            <div class="card mb-4">
                <div class="card-header shadow">

                    <div class="card-body">
                        <table id="datatablesSimple">
                            <thead>
                                <tr>
                                    <th>Si No</th>
                                    <th>Title</th>
                                    <th>Place</th>
                                    <th>Contact</th>
                                    <th>Email</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $si = 0; @endphp
                                @foreach ($Companies as $Company)
                                    <tr class="text-gray-700 dark:text-gray-400">
                                        <td>
                                            {{ ++$si }}
                                        </td>
                                        <td>
                                            {{ $Company->title }}
                                        </td>
                                        <td>
                                            {{ $Company->place }}
                                        </td>
                                        <td>
                                            {{ $Company->contact }}
                                        </td>
                                        <td>
                                            {{ $Company->email }}
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center gap-4 text-sm">
                                                <a href="{{ route('Company.edit', $Company->id) }}"
                                                    class="btn btn-sm btn-outline-primary">
                                                    <i class="fas fa-pencil"></i>
                                                </a>

                                                {{-- <form method="POST" action="{{route('Company.destroy',$Company->id)}}" Id="form-delete-{{$Company->id}}">
                                                  @csrf
                                                  @method('delete')
                                                <button class="flex items-center justify-between px-2 py-2 text-sm font-medium leading-5 text-purple-600 rounded-lg dark:text-gray-400 focus:outline-none focus:shadow-outline-gray" aria-label="Delete"
                                                  onclick="event.preventDefault();
                                                  if(confirm('Are you sure delete this'))
                                                  {
                                                      document.getElementById('form-delete-{{$Company->id}}').submit();
                                                  }">
                                                  <svg
                                                    class="w-5 h-5"
                                                    aria-hidden="true"
                                                    fill="currentColor"
                                                    viewBox="0 0 20 20"
                                                  >
                                                    <path
                                                      fill-rule="evenodd"
                                                      d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z"
                                                      clip-rule="evenodd"
                                                    ></path>
                                                  </svg>
                                                </button>
                                                </form> --}}
                                                <a href="{{ route('Company.show', $Company->id) }}"
                                                  class="btn btn-sm btn-outline-info">
                                                  <i class="fas fa-eye"></i>
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>


            <!-- Modal -->
            {{-- <div class="modal fade" id="showModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
                aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header bg-dark text-white">
                            <h5 class="modal-title" id="exampleModalLabel">Company Details</h5>

                        </div>
                        <div class="modal-body">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label class="form-label">Place:</label>
                                            <p class="form-control-static">{{ $Company->place }}</p>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">City:</label>
                                            <p class="form-control-static">{{ $Company->city }}</p>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">District:</label>
                                            <p class="form-control-static">{{ $Company->district }}</p>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">State:</label>
                                            <p class="form-control-static">{{ $Company->state }}</p>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Contact:</label>
                                            <p class="form-control-static">{{ $Company->contact }}</p>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label class="form-label">Email:</label>
                                            <p class="form-control-static">{{ $Company->email }}</p>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Pin:</label>
                                            <p class="form-control-static">{{ $Company->pin }}</p>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Post:</label>
                                            <p class="form-control-static">{{ $Company->post }}</p>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Under:</label>
                                            <p class="form-control-static">{{ $Company->under }}</p>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Narration:</label>
                                            <p class="form-control-static">{{ $Company->narration }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Done</button>
                        </div>
                    </div>
                </div>
            </div> --}}


            <script>
                function getdata(CompanyID, CompanyTitle) {
                    document.getElementById('modalTitle').innerHTML = CompanyTitle;

                    $.ajax({
                        url: '{{ url('CompanyDetails') }}',
                        method: "get",
                        data: {
                            _token: '{{ csrf_token() }}',
                            CompanyID: CompanyID
                        },
                        success: function(response) {
                            document.getElementById('detail_sec').innerHTML = response;
                        }
                    });
                }
            </script>
        @endsection