@extends('layouts.admin.admin')

@section('page-specific-styles')
    
@endsection

@section('title', 'Ceremony 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">Ceremony 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 ">Ceremony</li>
                    <li class="breadcrumb-item active">Detail</li>
                </ol>
            </div>

        </div>
    </div>
</div>  
<div class="row">
    <div class="col-md-12">
        @include('graduation.partials.links', ['graduation' => $ceremony->graduation])
    </div>
</div>
<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-md-12">
                <a href="{{ route('ceremony.add', $ceremony->graduation_id) }}">
                    <i class="fa fa-plus mr-2 text-success" title="Add"></i>
                </a>
                <a href="{{ route('ceremony.edit', $ceremony->id) }}">
                        <i class="mdi mdi-pencil text-warning"></i>
                </a>
                <a href="{{ route('ceremony.mass-assign-graduate.get', $ceremony->id) }}">
                    <i class="ti ti-user mr-2" title="Mass Assign Graduate to Ceremony"></i>
                </a>
                <a href="{{ route('ceremony.mass-remove-graduate.get', $ceremony->id) }}">
                    <i class="fa fa-user-minus text-danger mr-2" title="Remove Graduate from Ceremony"></i>
                </a>
                <a href="{{ route('graduate.import.byceremony.form', $ceremony->id) }}">
                    <i class="mdi mdi-application-import text-success mr-2" title="Import Graduates By Ceremony"></i>
                </a>
                <a href="{{ route('ceremony.copy', $ceremony->id) }}">
                    <i class="fa fa-copy mr-2" title="Copy"></i>
                </a> 
                <a href="{{ route('graduation.ceremony-list', $ceremony->graduation_id) }}" class="btn btn-danger btn-sm text-white"><i class="fa fa-arrow-left"></i> BACK</a>
            </div>

        </div>
    </div>
</div> 
<div class="row">
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <tbody>
                            <tr>
                                <td>
                                    <p>
                                        <small class="text-muted">Status</small><br />
                                        <b>{!! statusHtml($ceremony->status) !!}</b>
                                    </p>
                                    <p>
                                        <small class="text-muted">Institution</small><br /> 
                                        <a href="{{ route('institution.show', $ceremony->institution_id) }}">   
                                            <b>{{ $ceremony->institution->name ?? '' }}</b>
                                        </a>
                                    </p>
                                    <p>
                                        <small class="text-muted">Graduation</small><br />
                                        <a href="{{ route('graduation.show', $ceremony->graduation_id) }}">   
                                            <b>{{ $ceremony->graduation->title ?? '' }}</b>
                                        </a>
                                    </p>
                                    <p>
                                        <small class="text-muted">Venue</small><br />
                                        <b>{{ $ceremony->venue }}</b>
                                    </p>
                                    <p>
                                        <small class="text-muted">Address</small><br />
                                        <b>{{ $ceremony->address }}</b>
                                    </p>
                                    <p>
                                        <small class="text-muted">Date</small><br />
                                        {{ $ceremony->date_formatted }}
                                    </p>
                                    <p>
                                        <small class="text-muted">Time</small><br />
                                        {{ $ceremony->time }}
                                    </p>
                                    <p>
                                        <small class="text-muted">Address</small><br />
                                        {{ $ceremony->address }}
                                    </p>
                                    <p class="text-success">
                                        <small class="text-muted">Order Start Date</small><br />
                                        {{ $ceremony->order_start_date_time_formatted }}
                                    </p>
                                    <p class="text-danger">
                                        <small class="text-muted">Order End Date</small><br />
                                        {{ $ceremony->order_end_date_time_formatted }}
                                    </p>
                                    <p>
                                        <small class="text-muted">Number of Graduates</small><br />
                                        {{ $ceremony->graduates()->count() }}
                                        @if (!isArchived($ceremony->archive))
                                        <div>
                                            <a href="#">
                                                <button type="button"
                                                    data-route="{{ route('ceremony.graduate.delete', $ceremony->id) }}"
                                                    class="btn btn-danger btn-icon-toggle btn-delete p-1" data-toggle="tooltip"
                                                    data-reload="yes" id="sa-warning" data-placement="top"
                                                    data-original-title="Delete">
                                                    <i class="far fa-trash-alt text-white"></i> Delete All Graduates
                                                </button>
                                            </a>
                                        </div>
                                        @endif
                                    </p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <tbody>
                            <tr>
                                <td>
                                    <p>
                                        <small class="text-muted">Additional Guest Ticket Closing Date</small><br />
                                        {!! $ceremony->ticket_closing_date ? toDMY2($ceremony->ticket_closing_date) : '--' !!}
                                    </p>
                                    <p>
                                        <small class="text-muted">Pre-Order Closing Date</small><br />
                                        {!! $ceremony->pre_order_closing_date ? toDMY2($ceremony->pre_order_closing_date) : '--' !!}
                                    </p>
                                    <p>
                                        <small class="text-muted">Presentation Photo Link</small><br />
                                        {{ $ceremony->presentation_photo_link ?? '--' }}
                                    </p>
                                    <p>
                                        <small class="text-muted">Ticket Limit</small><br />
                                        {{ $ceremony->ticket_limit ?? '0' }}
                                    </p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <tbody>
                            <tr>
                                <td>
                                    
                                    <p>
                                        <small class="text-muted">Seat Arrangement</small><br />
                                        <span class="badge {{ isYesNoText($ceremony->can_rearrange_seat) }}">{!! $ceremony->can_rearrange_seat !!}</span>
                                    </p>
                                    <p>
                                        <small class="text-muted">Column No.</small><br />
                                        {{ $ceremony->column_number }}
                                    </p>
                                    <p>
                                        <small class="text-muted">Start From</small><br />
                                        {{ $ceremony->start_from }}
                                    </p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <tbody>
                            <tr>
                                <td>
                                   <p>
                                        <small class="text-muted">Enable Certificate Legal Name</small><br />
                                        {!! yesNo($ceremony->enable_certificate_legal_name) !!}<br />
                                        
                                    </p>
                                    <p>
                                        <small class="text-muted">Certificate Legal Name Closing Date</small><br />
                                        {!! dateFormat($ceremony->certificate_legal_name_closing_date, config('custom.dmyhia2')) !!}
                                    </p>
                                    <p>
                                        <small class="text-muted">Certificate Legal Name Note</small><br />
                                        {!! $ceremony->certificate_legal_name_note !!}</i>
                                    </p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <tbody>
                            <tr>
                                <td>
                                    <p>
                                        <small class="text-muted">Enable On Stage Name</small><br />
                                        {!! yesNo($ceremony->enable_on_stage_name) !!}
                                    </p>
                                    <p>
                                        <small class="text-muted">Enable ARRIVAL For Collection Portal</small><br />
                                        {!! yesNo($ceremony->arrival) !!}
                                    </p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <tbody>
                            <tr>
                                <td>
                                    <p>
                                        <small class="text-muted">Enable Pre-Order Collection Option</small><br />
                                        {!! yesNo($ceremony->enable_pre_order_collection_option) !!}
                                    </p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <tbody>
                            <tr>
                                <td>
                                   <p>
                                        <small class="text-muted">Enable Underage Guests Option</small><br />
                                        {!! yesNo($ceremony->enable_underage_guests_option) !!}<br />
                                        
                                    </p>
                                    <p>
                                        <small class="text-muted">Underage Guests Label Text</small><br />
                                        {{ $ceremony->underage_guests_label ?? '--' }}
                                    </p>
                                    <p>
                                        <small class="text-muted">Underage Guests Yes Content</small><br />
                                        {!! $ceremony->underage_guests_yes_content ?? '--' !!}</i>
                                    </p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <tbody>
                            <tr>
                                <td>
                                   <p>
                                        <small class="text-muted">Enable Dietary Preference Option</small><br />
                                        {!! yesNo($ceremony->enable_dietary_preference_option) !!}<br />
                                        
                                    </p>
                                    <p>
                                        <small class="text-muted">Dietary Preference Label Text</small><br />
                                        {{ $ceremony->dietary_preference_label ?? '--' }}
                                    </p>
                                    <p>
                                        <small class="text-muted">Dietary Preference Options</small><br />
                                        @foreach(stringToArray($ceremony->dietary_preference_options, '|') as $option)
                                            <span class="badge badge-secondary">{{ $option }}</span>
                                        @endforeach
                                    </p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <tbody>
                            <tr>
                                <td>
                                   <p>
                                        <small class="text-muted">Enable Mobility / Accessibility Option</small><br />
                                        {!! yesNo($ceremony->enable_mobility_accessibility_option) !!}<br />
                                        
                                    </p>
                                    <p>
                                        <small class="text-muted">Mobility / Accessibility Label Text</small><br />
                                        {{ $ceremony->mobility_accessibility_label ?? '--' }}
                                    </p>
                                    <p>
                                        <small class="text-muted">Mobility / Accessibility Options</small><br />
                                        @foreach(stringToArray($ceremony->mobility_accessibility_options, '|') as $option)
                                            <span class="badge badge-secondary">{{ $option }}</span>
                                        @endforeach
                                    </p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <tbody>
                            <tr>
                                <td>
                                   <p>
                                        <small class="text-muted">Enable Indigenous Regalia Option</small><br />
                                        {!! yesNo($ceremony->enable_indigenous_regalia_option) !!}<br />
                                        
                                    </p>
                                    <p>
                                        <small class="text-muted">Indigenous Regalia Label Text</small><br />
                                        {{ $ceremony->indigenous_regalia_label ?? '--' }}
                                    </p>
                                    <p>
                                        <small class="text-muted">Indigenous Regalia Yes Content</small><br />
                                        {!! $ceremony->indigenous_regalia_yes_content ?? '--' !!}</i>
                                    </p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <tbody>
                            <tr>
                                <td>
                                   <p>
                                        <small class="text-muted">Enable Guest Dietary Preference Option</small><br />
                                        {!! yesNo($ceremony->enable_guest_dietary_preference_option) !!}<br />
                                        
                                    </p>
                                    <p>
                                        <small class="text-muted">GuestDietary Preference Label Text</small><br />
                                        {{ $ceremony->guest_dietary_preference_label ?? '--' }}
                                    </p>
                                    {{-- <p>
                                        <small class="text-muted">Dietary Preference Options</small><br />
                                        @foreach(stringToArray($ceremony->dietary_preference_options, '|') as $option)
                                            <span class="badge badge-secondary">{{ $option }}</span>
                                        @endforeach
                                    </p> --}}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    
    <div class="col-md-12">
        @livewire('admin.ceremony.seat-component', ['ceremony' => $ceremony])
    </div>
@endsection