@extends('admin.layouts.layout')

@section('title', 'View Schedule Email')

@section('content')
<div class="">
    <!-- Header Section with Golden Background -->
    <div class="row">
        <div class="col-12">
            <div class="card" style="background: linear-gradient(135deg, #b8860b 0%, #daa520 100%); border: none; margin-bottom: 20px;">
                <div class="card-body text-white">
                    <div class="d-flex justify-content-between align-items-center">
                        <h4 class="mb-0 text-white">View Schedule Email: {{ $data->name }}</h4>
                        <div>
                            @if($permission['edit'])
                            <a href="{{ route('schedule-emails.edit', $data->id) }}" class="btn btn-dark me-2">
                                <i class="fas fa-edit"></i> Edit Schedule Email
                            </a>
                            @endif
                            
                            <a href="{{ route('schedule-emails.index') }}" class="btn btn-dark">
                                <i class="fas fa-arrow-left"></i> Back to Schedule Emails
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Content Section -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0 text-muted">Schedule Email Details</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <!-- Left Column -->
                        <div class="col-md-6">
                            <div class="mb-4">
                                <label class="form-label fw-bold text-uppercase text-muted small">SCHEDULE NAME:</label>
                                <p class="mb-0">{{ $data->name }}</p>
                            </div>

                            @if($data->trigger)
                            <div class="mb-4">
                                <label class="form-label fw-bold text-uppercase text-muted small">EVENT KEY:</label>
                                <p class="mb-0">
                                    {{ $data->trigger->name }}
                                    @if($data->trigger->description)
                                        <small class="text-muted d-block">{{ $data->trigger->description }}</small>
                                    @endif
                                </p>
                            </div>
                            @endif

                            <div class="mb-4">
                                <label class="form-label fw-bold text-uppercase text-muted small">STATUS:</label>
                                <p class="mb-0">
                                    @if($data->is_active)
                                        <span class="badge bg-success">Enabled</span>
                                    @else
                                        <span class="badge bg-danger">Disabled</span>
                                    @endif
                                </p>
                            </div>

                            <div class="mb-4">
                                <label class="form-label fw-bold text-uppercase text-muted small">WHO WILL RECEIVE:</label>
                                <p class="mb-0">{{ $data->who_will_receive }}</p>
                            </div>

                            @if($data->tenant)
                            <div class="mb-4">
                                <label class="form-label fw-bold text-uppercase text-muted small">TENANT:</label>
                                <p class="mb-0">{{ $data->tenant->name }}</p>
                            </div>
                            @endif
                        </div>

                        <!-- Right Column -->
                        <div class="col-md-6">
                            <div class="mb-4">
                                <label class="form-label fw-bold text-uppercase text-muted small">TRIGGER TIMING:</label>
                                <p class="mb-0">
                                    {{ ucfirst($data->trigger_when) }} {{ $data->unit_value }} {{ ucfirst($data->unit_type) }}{{ $data->unit_value > 1 ? 's' : '' }}
                                </p>
                            </div>

                            <div class="mb-4">
                                <label class="form-label fw-bold text-uppercase text-muted small">CREATED:</label>
                                <p class="mb-0">{{ $data->created_at->format('d-M-Y H:i:s') }}</p>
                            </div>

                            @if($data->updated_at != $data->created_at)
                            <div class="mb-4">
                                <label class="form-label fw-bold text-uppercase text-muted small">LAST UPDATED:</label>
                                <p class="mb-0">{{ $data->updated_at->format('d-M-Y H:i:s') }}</p>
                            </div>
                            @endif

                            @if($data->service)
                            <div class="mb-4">
                                <label class="form-label fw-bold text-uppercase text-muted small">SERVICE:</label>
                                <p class="mb-0">{{ $data->service->service_name }}</p>
                            </div>
                            @endif

                            @if($data->emailTemplate)
                            <div class="mb-4">
                                <label class="form-label fw-bold text-uppercase text-muted small">EMAIL TEMPLATE:</label>
                                <p class="mb-0">{{ $data->emailTemplate->subject }}</p>
                            </div>
                            @endif

                            @if($data->smsTemplate)
                            <div class="mb-4">
                                <label class="form-label fw-bold text-uppercase text-muted small">SMS TEMPLATE:</label>
                                <p class="mb-0">{{ $data->smsTemplate->title }}</p>
                            </div>
                            @endif
                        </div>
                    </div>

                    @if($permission['destroy'])
                    <div class="row mt-4">
                        <div class="col-12">
                            <hr>
                            <button type="button" class="btn btn-danger" 
                                    data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?" 
                                    data-confirm-yes="$('#delete-form').submit();">
                                <i class="fas fa-trash"></i> Delete Schedule Email
                            </button>
                            
                            <form id="delete-form" action="{{ route('schedule-emails.destroy', $data->id) }}" method="POST" style="display: none;">
                                @csrf
                                @method('DELETE')
                            </form>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection