@extends('layouts.app')

@section('content')
    <div class="p-4 my-4 bg-white rounded shadow">
        <div class="d-flex justify-content-between border-b border-bottom pb-4 mb-4">
            <h2 class="fs-5 fw-bold">College Information</h2>

            @if (is_null($institute))
                <a href="{{ route('institutes.create') }}" class="btn btn-sm btn-primary">Add New College</a>
            @endif
        </div>

        <!-- Modal -->
        <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">SHMU</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        Are you sure to delete this item?
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="button" class="delete-institute-confirm btn btn-danger">Delete</button>
                    </div>
                </div>
            </div>
        </div>

        <div>
            <table class="table">
                <thead>
                    <tr>
                        <th>#ID</th>
                        <th>Name</th>
                        <th>College Type</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                </thead>

                @if (!is_null($institute))
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>{{ $institute->name }}</td>
                            <td class="text-capitalize">{{ $institute->institute_type }} college</td>
                            <td>{{ $institute->status }}</td>
                            <td>
                                @if ($institute->status == 'pending' && $institute->is_applied == false)
                                    <button class="btn btn-primary btn-sm"
                                        onclick="event.preventDefault();
                                             document.getElementById('apply-{{ $institute->id }}').submit();">Apply
                                        For Approval</button>
                                    <form method="POST" class="d-none" id="apply-{{ $institute->id }}"
                                        action="{{ route('institutes.apply', ['institute' => $institute]) }}">
                                        @csrf
                                    </form>
                                    <a class="btn btn-secondary btn-sm"
                                        href="{{ route('institutes.edit', $institute) }}">Edit</a>
                                    <button data-id="{{ $institute->id }}" class="delete-institute btn btn-danger btn-sm">Delete</button>

                                    <form method="POST" class="d-none" id="delete-institute-{{ $institute->id }}"
                                        action="{{ route('institutes.delete', ['institute' => $institute]) }}">
                                        @csrf
                                        @method('DELETE')
                                    </form>
                                @endif

                                @if ($institute->status == 'pending' && $institute->is_applied == true)
                                    <span class="bg-info p-1">Waiting for section officer approval</span>
                                @endif

                                @if ($institute->status == 'approved')
                                    <a class="btn btn-sm btn-primary"
                                        href="{{ route('inspection-request.create', $institute) }}">Generate Inspection
                                        Request</a>
                                @endif

                                @if ($institute->status == 'rejected')
                                    <span class="bg-info p-1">Your application has been rejected</span>
                                @endif
                            </td>
                        </tr>
                    </tbody>
                @endif
            </table>
        </div>
    </div>
@endsection