@extends('layouts.admin')
@section('title', 'Edit Restaurant')
@section('role-label', 'Super Admin')
@section('page-title', 'Edit Restaurant')
@section('page-subtitle', $restaurant->name)
@section('sidebar-nav')
@include('super-admin.partials.sidebar')
@endsection

@section('content')
<div class="max-w-2xl">
    <form method="POST" action="{{ route('super-admin.restaurants.update', $restaurant) }}" enctype="multipart/form-data">
        @csrf @method('PUT')

        {{-- Status: top-left --}}
        <div class="mb-4 flex items-center gap-3">
            <select name="status" class="form-input w-auto" style="width:auto;min-width:160px;">
                @foreach(['active','inactive','suspended'] as $s)
                <option value="{{ $s }}" {{ $restaurant->status === $s ? 'selected' : '' }}>{{ ucfirst($s) }}</option>
                @endforeach
            </select>
            @if($restaurant->subscription_end_date)
                @php $badge = $restaurant->subscription_status_badge; @endphp
                <span class="badge {{ $badge['class'] }}">{{ $badge['label'] }}</span>
            @endif
        </div>

        <div class="card p-6 mb-4">
            <h3 class="text-sm font-bold text-gray-500 uppercase tracking-wider mb-4 pb-3 border-b border-gray-100">Restaurant Info</h3>
            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                <div class="sm:col-span-2">
                    <label class="form-label">Restaurant Name *</label>
                    <input type="text" name="name" class="form-input" value="{{ old('name', $restaurant->name) }}" required>
                </div>
                <div>
                    <label class="form-label">Phone *</label>
                    <input type="text" name="phone" class="form-input" value="{{ old('phone', $restaurant->phone) }}" required>
                </div>
                <div>
                    <label class="form-label">WhatsApp Number</label>
                    <input type="text" name="whatsapp_number" class="form-input" value="{{ old('whatsapp_number', $restaurant->whatsapp_number) }}">
                </div>
                <div>
                    <label class="form-label">Theme Color</label>
                    <input type="color" name="theme_color" class="form-input h-11 p-1" value="{{ old('theme_color', $restaurant->theme_color) }}">
                </div>
                <div>
                    <label class="form-label">City</label>
                    <input type="text" name="city" class="form-input" value="{{ old('city', $restaurant->city) }}">
                </div>
                <div>
                    <label class="form-label">State</label>
                    <input type="text" name="state" class="form-input" value="{{ old('state', $restaurant->state) }}">
                </div>
                <div class="sm:col-span-2">
                    <label class="form-label">Address</label>
                    <textarea name="address" class="form-input" rows="2">{{ old('address', $restaurant->address) }}</textarea>
                </div>
                <div class="sm:col-span-2">
                    <label class="form-label">Description</label>
                    <textarea name="description" class="form-input" rows="2">{{ old('description', $restaurant->description) }}</textarea>
                </div>
                <div>
                    <label class="form-label">Subscription Status</label>
                    <select name="subscription_status" class="form-input">
                        @foreach(['trial','active','expired','cancelled'] as $s)
                        <option value="{{ $s }}" {{ $restaurant->subscription_status === $s ? 'selected' : '' }}>{{ ucfirst($s) }}</option>
                        @endforeach
                    </select>
                </div>
                <div></div>
                <div>
                    <label class="form-label">Logo</label>
                    @if($restaurant->logo)
                    <img src="{{ asset('storage/'.$restaurant->logo) }}" class="w-16 h-16 rounded-lg object-cover mb-2 border border-gray-200">
                    @endif
                    <input type="file" name="logo" class="form-input" accept="image/jpg,image/jpeg,image/png,image/webp">
                    <p class="text-xs text-gray-400 mt-1">JPG, PNG, or WebP. Max 2 MB.</p>
                </div>
                <div>
                    <label class="form-label">Cover / Banner Image</label>
                    @if($restaurant->cover_image)
                    <img src="{{ asset('storage/'.$restaurant->cover_image) }}" class="w-full h-16 rounded-lg object-cover mb-2 border border-gray-200">
                    @endif
                    <input type="file" name="cover_image" class="form-input" accept="image/jpg,image/jpeg,image/png,image/webp">
                    <p class="text-xs text-gray-400 mt-1">JPG, PNG, or WebP. Max 2 MB.</p>
                </div>
            </div>
        </div>

        <div class="card p-6 mb-4">
            <h3 class="text-sm font-bold text-gray-500 uppercase tracking-wider mb-4 pb-3 border-b border-gray-100">Registration & Subscription Dates</h3>
            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                <div>
                    <label class="form-label">Registration Date</label>
                    <input type="date" name="registration_date" class="form-input"
                        value="{{ old('registration_date', $restaurant->registration_date?->format('Y-m-d')) }}">
                </div>
                <div>
                    <label class="form-label">Registration Day</label>
                    <input type="text" name="registration_day" class="form-input"
                        value="{{ old('registration_day', $restaurant->registration_day) }}"
                        placeholder="e.g. Monday">
                </div>
                <div>
                    <label class="form-label">Restaurant Opening Date</label>
                    <input type="date" name="opening_date" class="form-input"
                        value="{{ old('opening_date', $restaurant->opening_date?->format('Y-m-d')) }}">
                </div>
                <div>
                    <label class="form-label">Subscription End Date</label>
                    <input type="date" name="subscription_end_date" class="form-input"
                        value="{{ old('subscription_end_date', $restaurant->subscription_end_date?->format('Y-m-d')) }}">
                </div>
            </div>
        </div>

        <div class="flex justify-end gap-3">
            <a href="{{ route('super-admin.restaurants.index') }}" class="btn btn-secondary">Cancel</a>
            <button type="submit" class="btn btn-primary">Save</button>
        </div>
    </form>
</div>
@endsection