@extends('admin.layouts.main')

@section('title')
{{ trans('calendar.calendar') }}
@endsection

@section('content')
<main>
    <div class="two-col">
        @include("admin.common.sidebar")
        <div class="right-sec">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a
                            href="{{ route('admin.calendar.index',['session' => session('panel') ]) }}">{{ @trans('calendar.calendar') }}</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">{{ @trans('calendar.meeting') }}</li>
                </ol>
            </nav>
            <div class="bg-white profile-header">
                <div class="top-bar d-flex justify-content-between align-items-center">
                    <h2>{{ trans('calendar.meeting') }}</h2>
                </div>
                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab"
                            href="#detail">{{ @trans('calendar.details') }}</a>
                    </li>
                </ul>
            </div>
            <div class="detail-content mt-4">
                <!-- Tab panes -->
                <div class="tab-content box">
                    <div id="detail" class="tab-pane fade show active">
                        <div class="row">
                            <div class="col-lg-12">
                                @if($meeting->status == 'Pending')
                                <div class="btn-group-em float-right mt-3" role="group">
                                    <a href="{{route('admin.calender.create_meeting',['id' => $meeting->id,'session' => session('panel')])}}"
                                        class="btn btn-bordered btn-sm">{{ @trans('calendar.edit_meeting') }}</a>
                                </div>
                                @endif
                                <h3 class="detail-heading">{{ $meeting->title }}</h3>
                                <div class="info">
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.date') }}</label>
                                        <p class="display-info">{{ $meeting->date_formatted }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.start_time') }}</label>
                                        <p class="display-info">{{ $meeting->start_time_formatted }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.end_time') }}</label>
                                        <p class="display-info">{{ $meeting->end_time_formatted }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.type') }}</label>
                                        <p class="display-info">{{ ucfirst($meeting->type)   }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.meeting_type') }}</label>
                                        <p class="display-info">{{ ($meeting->meeting_type == 'Skype') ? 'Virtual' : $meeting->meeting_type }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.meeting_information') }}</label>
                                        <p class="display-info">{{ $meeting->location }}</p>
                                    </div>
                                    @if($meeting->notes)
                                    <div class="form-group w-100">
                                        <label class="control-label">{{ @trans('calendar.notes') }}</label>
                                        <p class="display-info" style="word-break: break-all;">{{ $meeting->notes }}</p>
                                    </div>
                                    @endif
                                </div>
                                <h3 class="detail-heading">Internal Attendees</h5>
                                <div class="info">
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.departments') }}</label>
                                        <p class="display-info">{{ $meeting->departments }}</p>
                                    </div>
                                    <div class="form-group w-50">
                                        <label class="control-label">{{ @trans('calendar.team_members') }}</label>
                                        <p class="display-info">{{ $meeting->internal_team }}</p>
                                    </div>
                                </div>
                                @if($meeting->type == 'external')
                                <h3 class="detail-heading">External Attendees</h5>
                                <div class="info">
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.companies') }}</label>
                                        <p class="display-info">{{ $meeting->companies }}</p>
                                    </div>
                                    <div class="form-group w-50">
                                        <label class="control-label">{{ @trans('calendar.contact_persons') }}</label>
                                        <p class="display-info">{{ $meeting->contact_persons }}</p>
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</main>
@endsection