@extends('layouts.app')

@section('content')
    <div class="py-4">
        <div class="d-flex justify-content-between border-b border-bottom pb-4 mb-4">
            <h2 class="fs-5 fw-bold">College Details</h2>
        </div>

        <div>
            <div class="row">
                <div class="col-md-6">
                    <div class="border-end">
                        <p class="fw-bold">College Info</p>

                        <div>
                            <p>Institute Name: {{ $institute->name }}</p>
                            <p>Institute Type: {{ $institute->institute_type }}</p>
                            <p>Institute Address: {{ $institute->address }}</p>
                            <p>Institute Code: {{ $institute->code }}</p>
                        </div>

                        @if ($institute->status == 'pending')
                            <div class="d-flex">
                                <form class="me-2" method="POST" action="{{ route('institutes.approve', $institute) }}">
                                    @csrf
                                    <button class="btn btn-outline-success btn-sm" type="submit">Approve</button>
                                </form>
                                <form method="POST" action="{{ route('institutes.reject', $institute) }}">
                                    @csrf
                                    <button class="btn btn-outline-danger btn-sm" type="submit">Reject</button>
                                </form>
                            </div>
                        @endif

                    </div>
                </div>

                <div class="col-md-6">
                    <p class="fw-bold">Applicant's Info</p>

                    <div>
                        <p>Applicant's Name: {{ $institute->user->name }}</p>
                        <p>Applicant's Email: {{ $institute->user->email }}</p>
                        <p>Contact Number: {{ $institute->user->phone }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection