@extends('backend.layouts.master')
@section('title')
    Nouvelle Campagne
@endsection

@section('content')
    <div class="page-title-box">
        <div class="row align-items-center">
            <div class="col-md-12 d-flex justify-content-between align-items-center">
                <h4 class="page-title">Créer une nouvelle campagne</h4>
                <a href="{{ route('backend.campaigns.index') }}" class="btn btn-secondary">← Retour</a>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <form action="{{ route('backend.campaigns.store') }}" method="POST">
                        @csrf
                        <div class="mb-3">
                            <label for="title" class="form-label">Titre <span class="text-danger">*</span></label>
                            <input type="text" name="title" id="title" class="form-control" required
                                value="{{ old('title') }}">
                        </div>

                        <div class="mb-3">
                            <label for="event_id" class="form-label">Événement (optionnel)</label>
                            <select name="event_id" id="event_id" class="form-select">
                                <option value="">-- Sélectionner un événement --</option>
                                @foreach ($events as $event)
                                    <option value="{{ $event->id }}"
                                        {{ old('event_id') == $event->id ? 'selected' : '' }}>
                                        {{ $event->title }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="mb-3">
                            <label for="template_id" class="form-label">Template <span class="text-danger">*</span></label>
                            <select name="template_id" id="template_id" class="form-select" required>
                                <option value="">-- Sélectionner un template --</option>
                                @foreach ($templates as $template)
                                    <option value="{{ $template->id }}"
                                        {{ old('template_id') == $template->id ? 'selected' : '' }}>
                                        {{ $template->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="mb-3">
                            <label for="from_name" class="form-label">Nom de l'expéditeur</label>
                            <input type="text" name="from_name" id="from_name" class="form-control"
                                value="{{ old('from_name') }}">
                        </div>

                        <div class="mb-3">
                            <label for="from_email" class="form-label">Email de l'expéditeur</label>
                            <input type="email" name="from_email" id="from_email" class="form-control"
                                value="{{ old('from_email') }}">
                        </div>

                        <div class="mb-3">
                            <label for="status" class="form-label">Statut <span class="text-danger">*</span></label>
                            <select name="status" id="status" class="form-select" required>
                                <option value="draft" {{ old('status') == 'draft' ? 'selected' : '' }}>Brouillon</option>
                                <option value="scheduled" {{ old('status') == 'scheduled' ? 'selected' : '' }}>Planifiée
                                </option>
                                <option value="sent" {{ old('status') == 'sent' ? 'selected' : '' }}>Envoyée</option>
                                <option value="cancelled" {{ old('status') == 'cancelled' ? 'selected' : '' }}>Annulée
                                </option>
                            </select>
                        </div>

                        <div class="mb-3">
                            <label for="scheduled_at" class="form-label">Date / Heure planifiée</label>
                            <input type="datetime-local" name="scheduled_at" id="scheduled_at" class="form-control"
                                value="{{ old('scheduled_at') }}">
                        </div>

                        <button type="submit" class="btn btn-primary">Créer</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="{{ URL::asset('assets/backend/js/backend.js') }}"></script>
@endsection