{% extends 'base.html.twig' %}

{% block title %}{{ booking ? 'Edit' : 'New' }} Booking - Admin{% endblock %}

{% block body %}
    <section class="admin-header">
        <div class="container">
            <div class="admin-header-content">
                <div>
                    <h1>{{ booking ? 'Edit Booking #' ~ booking.id : 'Create New Booking' }}</h1>
                    <p>{{ booking ? 'Update booking details and status' : 'Add a new customer booking' }}</p>
                </div>
                <div class="admin-header-actions">
                    <a href="{{ path('app_admin_bookings') }}" class="btn btn-secondary">Back to List</a>
                </div>
            </div>
        </div>
    </section>

    <section class="admin-content">
        <div class="container">
            <div class="admin-grid">
                <aside class="admin-sidebar">
                    <nav class="admin-nav">
                        <a href="{{ path('app_admin_dashboard') }}" class="admin-nav-item">
                            <span class="nav-icon">📊</span>
                            Dashboard
                        </a>
                        <a href="{{ path('app_admin_bookings') }}" class="admin-nav-item active">
                            <span class="nav-icon">📅</span>
                            All Bookings
                        </a>
                        <a href="{{ path('app_admin_service_providers') }}" class="admin-nav-item">
                            <span class="nav-icon">👥</span>
                            Service Providers
                        </a>
                        <a href="{{ path('app_admin_support_tickets') }}" class="admin-nav-item">
                            <span class="nav-icon">💬</span>
                            Support Tickets
                        </a>
                    </nav>
                </aside>

                <main class="admin-main">
                    <div class="admin-section">
                        <h2>Booking Details</h2>
                        {{ form_start(form, {'attr': {'class': 'admin-form'}}) }}
                            <div class="form-section">
                                <h3>Service Information</h3>
                                <div class="form-group">
                                    {{ form_label(form.serviceProvider) }}
                                    {{ form_widget(form.serviceProvider) }}
                                    {{ form_errors(form.serviceProvider) }}
                                </div>

                                <div class="form-group">
                                    {{ form_label(form.service) }}
                                    {{ form_widget(form.service) }}
                                    {{ form_errors(form.service) }}
                                </div>

                                <div class="form-row">
                                    <div class="form-group">
                                        {{ form_label(form.serviceDate) }}
                                        {{ form_widget(form.serviceDate) }}
                                        {{ form_errors(form.serviceDate) }}
                                    </div>
                                    <div class="form-group">
                                        {{ form_label(form.serviceTime) }}
                                        {{ form_widget(form.serviceTime) }}
                                        {{ form_errors(form.serviceTime) }}
                                    </div>
                                    <div class="form-group">
                                        {{ form_label(form.hours) }}
                                        {{ form_widget(form.hours) }}
                                        {{ form_errors(form.hours) }}
                                    </div>
                                </div>
                            </div>

                            <div class="form-section">
                                <h3>Customer Information</h3>
                                <div class="form-group">
                                    {{ form_label(form.customerName) }}
                                    {{ form_widget(form.customerName) }}
                                    {{ form_errors(form.customerName) }}
                                </div>

                                <div class="form-row">
                                    <div class="form-group">
                                        {{ form_label(form.customerEmail) }}
                                        {{ form_widget(form.customerEmail) }}
                                        {{ form_errors(form.customerEmail) }}
                                    </div>
                                    <div class="form-group">
                                        {{ form_label(form.customerPhone) }}
                                        {{ form_widget(form.customerPhone) }}
                                        {{ form_errors(form.customerPhone) }}
                                    </div>
                                </div>

                                <div class="form-group">
                                    {{ form_label(form.serviceAddress) }}
                                    {{ form_widget(form.serviceAddress) }}
                                    {{ form_errors(form.serviceAddress) }}
                                </div>

                                <div class="form-group">
                                    {{ form_label(form.specialInstructions) }}
                                    {{ form_widget(form.specialInstructions) }}
                                    {{ form_errors(form.specialInstructions) }}
                                </div>
                            </div>

                            <div class="form-section">
                                <h3>Booking Status</h3>
                                <div class="form-group">
                                    {{ form_label(form.status) }}
                                    {{ form_widget(form.status) }}
                                    {{ form_errors(form.status) }}
                                    <small class="form-text">Update status to manage booking lifecycle</small>
                                </div>
                            </div>

                            {% if booking %}
                                <div class="booking-summary">
                                    <h3>Booking Summary</h3>
                                    <div class="summary-row">
                                        <span>Created:</span>
                                        <span>{{ booking.createdAt|date('F d, Y g:i A') }}</span>
                                    </div>
                                    {% if booking.updatedAt %}
                                        <div class="summary-row">
                                            <span>Last Updated:</span>
                                            <span>{{ booking.updatedAt|date('F d, Y g:i A') }}</span>
                                        </div>
                                    {% endif %}
                                    {% if booking.confirmedAt %}
                                        <div class="summary-row">
                                            <span>Confirmed:</span>
                                            <span>{{ booking.confirmedAt|date('F d, Y g:i A') }}</span>
                                        </div>
                                    {% endif %}
                                    {% if booking.completedAt %}
                                        <div class="summary-row">
                                            <span>Completed:</span>
                                            <span>{{ booking.completedAt|date('F d, Y g:i A') }}</span>
                                        </div>
                                    {% endif %}
                                </div>
                            {% endif %}

                            <div class="form-actions">
                                <button type="submit" class="btn btn-primary btn-large">
                                    {{ booking ? 'Update Booking' : 'Create Booking' }}
                                </button>
                                <a href="{{ path('app_admin_bookings') }}" class="btn btn-secondary btn-large">Cancel</a>
                            </div>
                        {{ form_end(form) }}
                    </div>
                </main>
            </div>
        </div>
    </section>
{% endblock %}