@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">Create Listing</div>
    </div>
</div>

<div class="card" style="max-width:700px">
    @if(session('error'))
        <div class="alert-error">{{ session('error') }}</div>
    @endif

    <form method="POST" action="{{ route('admin.listings.store') }}" enctype="multipart/form-data">
        @csrf

        <div class="form-group">
            <label>Assign to User (must be a verified lender)</label>
            <select name="user_id" required>
                <option value="">Select user...</option>
                @foreach($users as $user)
                    <option value="{{ $user->id }}" {{ !$user->is_lender ? 'style=color:#ccc' : '' }}>
                        {{ $user->name }} ({{ $user->email }})
                        {{ $user->is_lender ? '✓ Lender' : '— Not a lender' }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="form-group">
            <label>Images (up to 6)</label>
            <input type="file" name="images[]" multiple accept="image/*" style="padding:8px 0">
            <small style="color:#888">Select up to 6 images. First image will be the cover.</small>
        </div>

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

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

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