@php(
 $permissionEvent = \App\Models\Masters\Permission::checkModulePermissions([ 'edit', 'reschedule', 'destroy'], 'EventController')
)
<div class="modal-content">
    <div class="modal-body">
        <div class="row">
            <div class="col-12">
                <div class="event-view-container">
                    <!-- DBA Section -->
                    <div class="view-row d-flex">
                        <div class="col-6 d-flex">
                            <div class="view-label col-4">Event Type </div>
                            <div class="view-value col-8">
                                {{ $event->event_type == 1 ? 'Task' : 'Appointment' }}
                            </div>
                        </div>

                        @if($event->event_type == 1)
                        <div class="col-6 d-flex">
                            <div class="view-label col-4">Priority</div>
                            <div class="view-value col-8">
                                {{ $event->priority == 1 ? 'Normal' : ($event->priority == 2 ? 'Medium' : 'High') }}
                            </div>
                        </div>
                        @endif
                    </div>
                    <!-- DBA Section -->
                    <div class="view-row d-flex">
                        <div class="col-6 d-flex">
                            <div class="view-label col-4">DBA </div>
                            <div class="view-value col-8">
                                {{ $event->lead_id ? optional($event->lead)->dba : '--' }}
                            </div>
                        </div>

                        <!-- Contact Section -->
                        <div class="col-6 d-flex">
                            <div class="view-label col-4">Contact</div>
                            <div class="view-value col-8">
                                {{ $event->lead_id ? optional($event->lead)->first_name . ' ' . optional($event->lead)->last_name : '--' }}
                            </div>
                        </div>
                    </div>

                    <!-- Business Phone Section -->
                    <div class="view-row d-flex">
                        <div class="col-6 d-flex">
                            <div class="view-label col-4">Business Phone</div>
                            <div class="view-value col-8">
                                {{ $event->lead_id ? optional($event->lead)->phone : '--' }}
                                @if($event->lead_id && optional($event->lead)->phone)
                                <a href="tel:{{ optional($event->lead)->phone }}" class="ms-1 text-primary">
                                    <i class="bx bx-phone"></i>
                                </a>
                                @endif
                            </div>
                        </div>

                        <!-- Business Address Section -->
                        <div class="col-6 d-flex">
                            <div class="view-label col-4">Business Address</div>
                            <div class="view-value col-8">
                                @if($event->lead_id && optional($event->lead)->address)
                                {{ optional($event->lead)->address }}
                                <a href="https://maps.google.com/?q={{ urlencode(optional($event->lead)->address) }}" target="_blank" class="ms-1 text-danger">
                                    <i class="bx bx-map"></i>
                                </a>
                                @else
                                --
                                @endif
                            </div>
                        </div>
                    </div>

                    <!-- Description Section -->
                    <div class="view-row d-flex">
                        <div class="col-12 d-flex">
                            <div class="view-label col-4">Description</div>
                            <div class="view-value col-8">{{ $event->title ?? '--' }}</div>
                        </div>
                    </div>

                    <!-- Set By/For Section -->
                    <div class="view-row d-flex">
                        <div class="col-6 d-flex">
                            <div class="view-label col-4">Set By</div>
                            <div class="view-value col-8">{{ optional($event->setBy)->first_name }} {{ optional($event->setBy)->last_name }}</div>
                        </div>
                        <div class="col-6 d-flex">
                            <div class="view-label col-4">Set For</div>
                            <div class="view-value col-8">{{ optional($event->setFor)->first_name }} {{ optional($event->setFor)->last_name }}</div>
                        </div>
                    </div>

                    <!-- Time Section -->
                    <div class="view-row d-flex">
                        <div class="col-6 d-flex">
                            <div class="view-label col-4">Start Time</div>
                            <div class="view-value col-8">{{ $event->start_time ? $event->start_time->format('m/d/Y h:i A') : '' }}</div>
                        </div>
                        <div class="col-6 d-flex">
                            <div class="view-label col-4">End Time</div>
                            <div class="view-value col-8">{{ $event->end_time ? $event->end_time->format('m/d/Y h:i A') : '' }}</div>
                        </div>
                    </div>

                    <!-- Status Section -->
                    <div class="view-row d-flex">
                        <div class="col-6 d-flex">
                            <div class="view-label col-4">Done? </div>
                            <div class="view-value col-8">
                                @if($event->status == 2)
                                <i class="bx bx-check-circle text-success fs-4"></i>
                                @else
                                <span class="status-toggle" data-event-id="{{ $event->id }}" style="cursor: pointer;" title="Mark as Done">
                                    <i class="bx bx-x-circle text-danger fs-4"></i>
                                </span>
                                @endif
                            </div>
                        </div>
                        <div class="col-6 d-flex">
                            <div class="view-label col-4">Rescheduled </div>
                            <div class="view-value col-8">
                                @if($event->is_rescheduled == 1)
                                <i class="bx bx-check-circle text-success fs-4"></i>
                                @else
                                <i class="bx bx-x-circle text-danger fs-4"></i>
                                @endif
                            </div>
                        </div>
                    </div>

                    <!-- Confirmation Section -->
                     @if($event->event_type == 2)
                    <div class="view-row d-flex">
                        <div class="col-6 d-flex">
                            <div class="view-label col-4">Confirmed? </div>
                            <div class="view-value col-8">
                                <span>
                                    @if($event->confirm_status == 2)
                                    <i class="bx bx-check-circle text-success fs-4"></i>
                                    @else
                                    <span class="confirm-toggle" data-event-id="{{ $event->id }}" style="cursor: pointer;" title="Mark as Confirmed">
                                        <i class="bx bx-x-circle text-danger fs-4"></i>
                                    </span>
                                    @endif
                                </span>
                            </div>
                        </div>
                        <div class="col-6 d-flex">
                            <div class="view-label col-4">Seen? </div>
                            <div class="view-value col-8">
                                @if($event->seen_status == 2)
                                <i class="bx bx-check-circle text-success fs-4"></i>
                                @else
                                <span class="seen-toggle" data-event-id="{{ $event->id }}" style="cursor: pointer;" title="Mark as Seen">
                                    <i class="bx bx-x-circle text-danger fs-4"></i>
                                </span>
                                @endif
                            </div>
                        </div>
                    </div>
                    @endif

                    <!-- Lead Notes Section -->
                    <div class="view-row d-flex d-none">
                        <div class="col-4">
                            <div class="view-label">Lead Notes</div>
                        </div>
                        <div class="col-8">
                            <span class="view-value d-flex align-items-center">
                                <a href="javascript:void(0);" class="btn btn-sm btn-outline-primary me-2" id="addNoteBtn">
                                    <i class="bx bx-plus"></i> ADD
                                </a>
                                <a href="javascript:void(0);" class="btn btn-sm btn-outline-info" id="viewNotesBtn">
                                    <i class="bx bx-show"></i> VIEW
                                </a>
                            </span>
                        </div>
                    </div>

                    <!-- Export to Calendar Section -->
                    <div class="view-row  d-flex">
                        <div class="col-4">
                            <div class="view-label">Export to Calendar</div>
                        </div>

                        <div class="col-8">
                            <div class="view-value">
                                <div class="d-flex">
                                    <a href="{{ route('calendar.export', ['id' => $event->id, 'type' => 'google']) }}" target="_blank" class="me-2">
                                        <i class="bx bxl-google text-danger fs-4"></i>
                                    </a>
                                    <a href="{{ route('calendar.export', ['id' => $event->id, 'type' => 'outlook']) }}" target="_blank" class="me-2">
                                        <i class="bx bxl-microsoft text-primary fs-4"></i>
                                    </a>
                                    <a href="{{ route('calendar.export', ['id' => $event->id, 'type' => 'ics']) }}" target="_blank">
                                        <i class="bx bx-calendar text-dark fs-4"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @if($event->status != 2)
        <div class="modal-footer"> 
            @if($permissionEvent['destroy'])
            <button class="btn btn-danger"
                data-toggle="tooltip" title="Delete"
                data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?"
                data-confirm-yes="event.preventDefault();
                                                                document.getElementById('delete-form-{{ $event->id }}').submit();">
                <i class="{{ \Config::get('settings.icon_delete') }}"></i> DELETE
            </button>

            {!! html()->form('DELETE', route('calendar.event.destroy', $event->id))->attributes([
            'style' => 'display:inline',
            'id' => 'delete-form-' . $event->id,
            ])->open() !!}
            {!! html()->form()->close() !!}
            @endif

            @if($permissionEvent['reschedule'])
            <a href="{{ route('calendar.event.reschedule', $event->id) }}" class="btn btn-warning reschedule-btn show-modal-lg">
                <i class="bx bx-calendar"></i> RESCHEDULE
            </a>
            @endif

            @if($permissionEvent['edit'])
            <a href="{{ route('calendar.event.edit', $event->id) }}" class="btn btn-info edit-btn show-modal-lg">
                <i class="bx bx-edit"></i> EDIT
            </a>
            @endif
        </div>
        @endif
    </div>


</div>


@push('page_script')
@include('admin.calendar._calendar_script')
@endpush