@extends('layouts.admin')
@section('title', 'Ajouter un produit')
@section('page_title', 'Ajouter un produit')

@section('content')
<div class="page-header">
    <h1><i class="fas fa-plus-circle"></i> Ajouter un produit</h1>
    <a href="{{ route('admin.produits.index') }}" class="btn btn-outline">
        <i class="fas fa-arrow-left"></i> Retour
    </a>
</div>

<div class="card" style="max-width:720px">
    <form method="POST" action="{{ route('admin.produits.store') }}" enctype="multipart/form-data">
        @csrf
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
            <div class="form-group">
                <label>Nom du produit</label>
                <input type="text" name="name" class="form-control" required placeholder="Sac Kraft Naturel" value="{{ old('name') }}">
            </div>
            <div class="form-group">
                <label>Catégorie</label>
                <select name="category" class="form-control" required>
                    <option value="">Choisir...</option>
                    <option value="kraft" {{ old('category') == 'kraft' ? 'selected' : '' }}>Kraft</option>
                    <option value="luxe" {{ old('category') == 'luxe' ? 'selected' : '' }}>Luxe</option>
                    <option value="alimentaire" {{ old('category') == 'alimentaire' ? 'selected' : '' }}>Alimentaire</option>
                    <option value="custom" {{ old('category') == 'custom' ? 'selected' : '' }}>Personnalisé</option>
                </select>
            </div>
            <div class="form-group">
                <label>Prix (TND)</label>
                <input type="text" name="price" class="form-control" required placeholder="0.45" value="{{ old('price') }}">
            </div>
            <div class="form-group">
                <label>Tailles disponibles</label>
                <input type="text" name="size" class="form-control" placeholder="S / M / L / XL" value="{{ old('size') }}">
            </div>
        </div>
        <div class="form-group">
            <label>Description</label>
            <textarea name="description" class="form-control" required placeholder="Description du produit..." style="min-height:120px">{{ old('description') }}</textarea>
        </div>
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
            <div class="form-group">
                <label>Image principale</label>
                <input type="file" name="image" class="form-control" accept="image/*">
            </div>
            <div class="form-group">
                <label>Badge</label>
                <select name="badge" class="form-control">
                    <option value="">Aucun</option>
                    <option value="eco">Eco</option>
                    <option value="custom">Custom</option>
                    <option value="new">Nouveau</option>
                </select>
            </div>
        </div>
        <div style="display:flex;gap:10px;margin-top:8px">
            <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Enregistrer</button>
            <a href="{{ route('admin.produits.index') }}" class="btn btn-outline"><i class="fas fa-times"></i> Annuler</a>
        </div>
    </form>
</div>
@endsection