@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</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('graduate.index') }}">Graduate</a></li>
                    <li class="breadcrumb-item active">Detail</li>
                </ol>
            </div>

        </div>
    </div>
</div>
@can('add-edit-graduate')
<div class="text-right">
    <a class="btn btn-success ink-reaction btn-sm" href="{{ route('graduate.create') }}">
        <i class="mdi mdi-plus"></i>
        Add
    </a>
</div>
@endcan
<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">
                @can('add-edit-graduate')
                @if (!isArchived($graduate->archive))
                <a class="btn  btn-warning ink-reaction btn-custom-sm btn-sm mr-3" href="{{ route('graduate.edit', $graduate->id) }}">
                    <i class="mdi mdi-pencil"></i>
                    Edit
                </a>
                @if ($graduate->canDelete())
                <a href="#">
                    <button type="button"
                        data-route="{{ route('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='graduate' id="sa-warning" data-placement="top"
                        data-original-title="Delete">
                        <i class="far fa-trash-alt"></i> Delete
                    </button>
                </a>
                @endif
                @endif
                @endcan
            </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' => true,
                            'speltRoute' => 'graduate.phonetically-spelt-name.update.web',
                            'guestLetterInvitationRoute' => 'order.guest-invitation-letter.update',
                            'attendRoute' => 'graduate.attend.post.web'
                        ])
                    </div>
                    <div class="col-md-6">
                        @include('graduate.partials.assigned-graduation', ['graduate' => $graduate, 'action' => '1'])
                        @can('extend-portal-date')
                            @include('graduate.partials.open-order-portal', ['graduate' => $graduate])
                            <div class="row">
                                <div class="col-md-6">
                                    @include('graduate.partials.open-additional-ticket', ['graduate' => $graduate])
                                </div>
                                <div class="col-md-6">
                                    @include('graduate.partials.open-pre-order', ['graduate' => $graduate])
                                </div>
                            </div>
                        @endcan
                        <div class="card">
                            <div class="card-body">
                                <div class="form-group bg-light-warning p-2">
                                    Studio Portrait Link: <span id="portal-opened-till">{{ $graduate->studio_portrait_link }}</span>
                                </div>
                            </div>
                        </div>
                        {{-- @livewire('admin.graduate.studio-portrait-link', ['data' => $graduate]) --}}
                        @include('graduate.seat-number.table', [
                            'graduate' => $graduate, 
                            'edit' => true,
                            'seatNumberRoute' => 'graduate.seat-number.update'
                        ])
                        @can('view-graduate-note')
                        @livewire('admin.graduate.graduate-note', ['data' => $graduate])
                        @endcan
                        {{-- @include('graduate.guest_invitation_letter.update', ['graduate' => $graduate]) --}}
                        {{-- @include('graduate.partials.update-phonetically-spelt-name', ['graduate' => $graduate]) --}}
                    </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"
                            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