@extends('layouts.admin.admin')

@section('page-specific-styles')
    <link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/TableTools.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('css/lightbox.css') }}" />
@endsection

@section('title', 'Graduate Detail')

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-flex align-items-center justify-content-between">
                <h5 class="mb-0 font-size-18">Graduate Detail - Institution</h5>

                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="javascript: void(0);">Home</a></li>
                            <li class="breadcrumb-item active"><a
                                    href="{{ route('for-institution.graduate.list') }}">Graduate</a></li>
                            <li class="breadcrumb-item active">Detail</li>
                        </ol>
                    </div>

            </div>
        </div>
    </div>
    @if (canInstitutionEditGraduate())
        <div class="text-right">
            <a class="btn btn-success ink-reaction btn-sm" href="{{ route('for-institution.graduate.create') }}">
                <i class="mdi mdi-plus"></i>
                Add
            </a>
        </div>
    @endif
    <div class="card-body">
        <div class="accordion" id="accordionExample">
            <div class="card">
                <div class="card-header" id="headingOne">
                    <h2 class="mb-0">
                        <button class="btn btn-link btn-block text-left {{ isArchiveBG($graduate->archive) }}"
                            type="button" data-toggle="collapse" data-target="#graduateDetail" aria-expanded="false"
                            aria-controls="collapseOne">
                            Graduate Detail / Graduation Ceremony
                        </button>
                    </h2>
                </div>
                <div class="card-footer">
                    @if (canInstitutionEditGraduate())
                        @if (!isArchived($graduate->archive))
                            <a class="btn  btn-warning ink-reaction btn-custom-sm btn-sm mr-3"
                                href="{{ route('for-institution.graduate.edit', $graduate->id) }}">
                                <i class="mdi mdi-pencil"></i>
                                Edit
                            </a>
                            @if ($graduate->canDelete())
                                <a href="#">
                                    <button type="button"
                                        data-route="{{ route('for-institution.graduate.destroy', $graduate->id) }}"
                                        class="btn btn-icon-toggle btn-sm btn-danger btn-custom-sm btn-delete p-1"
                                        data-toggle="tooltip" data-reload="no" data-redirect='for-institution/graduate'
                                        id="sa-warning" data-placement="top" data-original-title="Delete">
                                        <i class="far fa-trash-alt"></i> Delete
                                    </button>
                                </a>
                            @endif
                        @endif
                    @endif
                </div>
                <div id="graduateDetail" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                    <div class="row">
                        <div class="col-md-6">
                            @include('graduate.partials.graduate-detail', [
                                'graduate' => $graduate,
                                'action' => '1',
                                'edit' => canInstitutionEditGraduate(),
                                'speltRoute' => 'for-institution.graduate.phonetically-spelt-name.update.web',
                                'guestLetterInvitationRoute' => 'for-institution.order.guest-invitation-letter.update',
                                'attendRoute' => 'for-institution.graduate.attend.post.web'
                            ])
                        </div>
                        <div class="col-md-6">
                            @include('graduate.partials.assigned-graduation', [
                                'graduate' => $graduate,
                                // 'action' => '1',
                            ])
                            @include('graduate.seat-number.table', [
                                'graduate' => $graduate,
                                'edit' => canInstitutionEditGraduate(),
                                'seatNumberRoute' => 'for-institution.graduate.seat-number.update'
                            ])
                            {{-- @livewire('admin.graduate.invitation-letter-status', ['graduate' => $graduate]) --}}
                            @can('view-graduate-note')
                            @livewire('admin.graduate.graduate-note', ['data' => $graduate])
                            @endcan
                        </div>
                    </div>
                </div>
            </div>
            @can('view-guest-list')
            @if ($graduate->order)
            <div class="card">
                <div class="card-header" id="headingTwo">
                    <h2 class="mb-0">
                        <button
                            class="btn btn-link btn-block text-left collapsed {{ isArchiveBG($graduate->order->archive ?? '0') }}"
                            type="button" data-toggle="collapse" data-target="#guestList" aria-expanded="true"
                            aria-controls="collapseTwo">
                            Guest List
                        </button>
                    </h2>
                </div>

                <div id="guestList" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                    <div class="card-body">
                        @livewire('admin.order.guest-list', ['data' => $graduate])
                    </div>
                </div>
            </div>
            @endif
            @endcan
            @if ($graduate->order)
                <div class="card">
                    <div class="card-header" id="headingTwo">
                        <h2 class="mb-0">
                            <button
                                class="btn btn-link btn-block text-left collapsed {{ isArchiveBG($graduate->order->archive) }}"
                                type="button" data-toggle="collapse" data-target="#orderDetail" aria-expanded="true"
                                aria-controls="collapseTwo">
                                Order Detail
                            </button>
                        </h2>
                    </div>

                    <div id="orderDetail" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                        <div class="card-body">
                            @include('order.partials.order-detail', ['order' => $graduate->order])
                        </div>
                    </div>
                </div>
            @endif

        </div>
    </div>
@endsection