@extends('restaurant.layouts.panel')

@section('title', 'Profile / KYC')

@section('content')
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="row g-3">
        <div class="col-lg-8">
            <div class="stat-card p-3">
                <h6 class="fw-semibold mb-3">Restaurant Details & KYC</h6>
                <form method="POST" action="{{ route('restaurant.profile.update') }}" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Restaurant Name</label>
                            <input type="text" name="name" value="{{ old('name', $restaurant->name) }}" class="form-control" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Owner Name</label>
                            <input type="text" name="owner_name" value="{{ old('owner_name', $restaurant->owner_name) }}" class="form-control" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Phone</label>
                            <input type="text" name="phone" value="{{ old('phone', $restaurant->phone) }}" class="form-control" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Email</label>
                            <input type="email" value="{{ $restaurant->email }}" class="form-control" disabled>
                            <div class="form-text">Email cannot be changed here.</div>
                        </div>
                        <div class="col-12">
                            <label class="form-label">Address</label>
                            <textarea name="address" class="form-control" rows="2" required>{{ old('address', $restaurant->address) }}</textarea>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">City</label>
                            <select name="city_id" class="form-select">
                                <option value="">-- Select --</option>
                                @foreach ($cities as $city)
                                    <option value="{{ $city->id }}" @selected(old('city_id', $restaurant->city_id) == $city->id)>{{ $city->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Zone</label>
                            <select name="zone_id" class="form-select">
                                <option value="">-- Select --</option>
                                @foreach ($zones as $zone)
                                    <option value="{{ $zone->id }}" @selected(old('zone_id', $restaurant->zone_id) == $zone->id)>{{ $zone->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Pincode</label>
                            <input type="text" name="pincode" value="{{ old('pincode', $restaurant->pincode) }}" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Latitude</label>
                            <input type="text" name="lat" value="{{ old('lat', $restaurant->lat) }}" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Longitude</label>
                            <input type="text" name="lng" value="{{ old('lng', $restaurant->lng) }}" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Opening Time</label>
                            <input type="time" name="opening_time" value="{{ old('opening_time', $restaurant->opening_time) }}" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Closing Time</label>
                            <input type="time" name="closing_time" value="{{ old('closing_time', $restaurant->closing_time) }}" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Delivery Radius (km)</label>
                            <input type="number" step="0.1" name="delivery_radius_km" value="{{ old('delivery_radius_km', $restaurant->delivery_radius_km) }}" class="form-control">
                        </div>

                        <div class="col-12"><hr></div>

                        <div class="col-md-6">
                            <label class="form-label">FSSAI Number</label>
                            <input type="text" name="fssai_number" value="{{ old('fssai_number', $restaurant->fssai_number) }}" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">PAN Number</label>
                            <input type="text" name="pan_number" value="{{ old('pan_number', $restaurant->pan_number) }}" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Bank Account No.</label>
                            <input type="text" name="bank_account_no" value="{{ old('bank_account_no', $restaurant->bank_account_no) }}" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Bank IFSC</label>
                            <input type="text" name="bank_ifsc" value="{{ old('bank_ifsc', $restaurant->bank_ifsc) }}" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Logo</label>
                            <input type="file" name="logo" class="form-control" accept="image/*">
                            @if ($restaurant->logo)
                                <img src="{{ Storage::url($restaurant->logo) }}" class="mt-2 rounded" style="height:60px;">
                            @endif
                        </div>
                    </div>

                    <button type="submit" class="btn btn-primary mt-3">Save Changes</button>
                </form>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="stat-card p-3">
                <h6 class="fw-semibold mb-3">Change Password</h6>
                <form method="POST" action="{{ route('restaurant.profile.password') }}">
                    @csrf
                    <div class="mb-2">
                        <label class="form-label">Current Password</label>
                        <input type="password" name="current_password" class="form-control" required>
                    </div>
                    <div class="mb-2">
                        <label class="form-label">New Password</label>
                        <input type="password" name="password" class="form-control" required minlength="8">
                    </div>
                    <div class="mb-2">
                        <label class="form-label">Confirm New Password</label>
                        <input type="password" name="password_confirmation" class="form-control" required minlength="8">
                    </div>
                    <button type="submit" class="btn btn-outline-primary">Update Password</button>
                </form>
            </div>

            <div class="stat-card p-3 mt-3">
                <div class="text-muted small">KYC Status</div>
                <span class="badge bg-{{ match($restaurant->status) {
                    'approved' => 'success',
                    'rejected', 'banned' => 'danger',
                    'blocked' => 'secondary',
                    default => 'warning',
                } }}">{{ ucfirst($restaurant->status) }}</span>
            </div>
        </div>
    </div>
@endsection