@extends('admin.layout')

@section('content')
<div class="page-header">
    <div>
        <a href="{{ route('admin.listings') }}" class="back-link">← Back to Listings</a>
        <div class="page-title" style="margin-top:8px">Edit Listing — {{ $listing->title }}</div>
    </div>
</div>

<div class="card" style="max-width:700px">
    @if(session('success'))
        <div class="alert-success" style="background:#f0fdf4;border:1px solid #86efac;padding:12px 16px;border-radius:4px;margin-bottom:16px;color:#166534">{{ session('success') }}</div>
    @endif

    {{-- Current images --}}
    @if($listing->images->count() > 0)
    <div style="margin-bottom:24px">
        <label style="font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#888;display:block;margin-bottom:8px">Current Images</label>
        <div style="display:flex;gap:8px;flex-wrap:wrap">
            @foreach($listing->images as $image)
            <div style="position:relative">
                <img src="{{ $image->url }}" style="width:80px;height:100px;object-fit:cover;border-radius:4px">
                <form method="POST" action="{{ route('admin.listings.delete-image', [$listing->id, $image->id]) }}" style="display:inline">
                    @csrf @method('DELETE')
                    <button type="submit" style="position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#ef4444;color:white;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center">×</button>
                </form>
            </div>
            @endforeach
        </div>
    </div>
    @endif

    <form method="POST" action="{{ route('admin.listings.update', $listing->id) }}" enctype="multipart/form-data">
        @csrf @method('PUT')

        <div class="form-group">
            <label>Add Images</label>
            <input type="file" name="images[]" multiple accept="image/*" style="padding:8px 0">
        </div>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
            <div class="form-group">
                <label>Title</label>
                <input type="text" name="title" value="{{ $listing->title }}" required>
            </div>
            <div class="form-group">
                <label>Brand</label>
                <input type="text" name="brand" value="{{ $listing->brand }}">
            </div>
            <div class="form-group">
                <label>Category</label>
                <select name="category" required>
                    @foreach(['Evening Wear','Occasion Wear','Bridal','Casual','Workwear','Accessories','Menswear','Outerwear'] as $cat)
                        <option {{ $listing->category === $cat ? 'selected' : '' }}>{{ $cat }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label>Size</label>
                <select name="size" required>
                    @foreach(['XS','S','M','L','XL','XXL','UK 6','UK 8','UK 10','UK 12','UK 14','UK 16'] as $size)
                        <option {{ $listing->size === $size ? 'selected' : '' }}>{{ $size }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label>Colour</label>
                <select name="colour">
                    @foreach(['Black','White','Cream','Nude','Beige','Brown','Grey','Navy','Blue','Red','Pink','Hot Pink','Purple','Lilac','Green','Sage','Olive','Yellow','Orange','Gold','Silver','Multicolour','Floral','Animal Print','Striped'] as $colour)
                        <option {{ $listing->colour === $colour ? 'selected' : '' }}>{{ $colour }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label>Condition</label>
                <select name="condition" required>
                    @foreach(['Brand New','Excellent','Good','Fair'] as $cond)
                        <option {{ $listing->condition === $cond ? 'selected' : '' }}>{{ $cond }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label>RRP (£)</label>
                <input type="number" name="rrp" step="0.01" value="{{ $listing->rrp }}">
            </div>
            <div class="form-group">
                <label>4 Day Price (£)</label>
                <input type="number" name="price_4d" step="0.01" value="{{ $listing->price_4d }}" required>
            </div>
            <div class="form-group">
                <label>8 Day Price (£)</label>
                <input type="number" name="price_8d" step="0.01" value="{{ $listing->price_8d }}">
            </div>
            <div class="form-group">
                <label>12 Day Price (£)</label>
                <input type="number" name="price_12d" step="0.01" value="{{ $listing->price_12d }}">
            </div>
            <div class="form-group">
                <label>30 Day Price (£)</label>
                <input type="number" name="price_30d" step="0.01" value="{{ $listing->price_30d }}">
            </div>
            <div class="form-group">
                <label>Deposit (£)</label>
                <input type="number" name="deposit_amount" step="0.01" value="{{ $listing->deposit_amount }}">
            </div>
            <div class="form-group">
                <label>Shipping Price (£)</label>
                <input type="number" name="shipping_price" step="0.01" value="{{ $listing->shipping_price ?? 0 }}">
            </div>
            <div class="form-group">
                <label>Sale Price (£) — optional</label>
                <input type="number" name="sale_price" step="0.01" value="{{ $listing->sale_price }}">
            </div>
            <div class="form-group">
                <label>Postcode</label>
                <input type="text" name="postcode" value="{{ $listing->postcode }}">
            </div>
        </div>

        <div class="form-group">
            <label>Description</label>
            <textarea name="description" rows="4">{{ $listing->description }}</textarea>
        </div>

        <div class="form-group">
            <label>Status</label>
            <select name="status">
                <option value="active" {{ $listing->status === 'active' ? 'selected' : '' }}>Active</option>
                <option value="paused" {{ $listing->status === 'paused' ? 'selected' : '' }}>Paused</option>
            </select>
        </div>

        <div class="form-group">
            <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
                <input type="checkbox" name="admin_approved" value="1" {{ $listing->admin_approved ? 'checked' : '' }}>
                Approved
            </label>
        </div>

        <div class="form-group">
            <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
                <input type="checkbox" name="is_featured" value="1" {{ $listing->is_featured ? 'checked' : '' }}>
                Featured
            </label>
        </div>

        <button class="btn btn-black" style="width:100%;padding:12px">Save Changes</button>
    </form>
</div>
@endsection