@extends('layouts.app')

@section('title', 'Edit Store - ' . $store->name)

@section('content')
<div class="mb-4">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-1 small">
            <li class="breadcrumb-item"><a href="{{ route('stores.index') }}" class="text-success text-decoration-none">Stores</a></li>
            <li class="breadcrumb-item"><a href="{{ route('stores.show', $store) }}" class="text-success text-decoration-none">{{ $store->name }}</a></li>
            <li class="breadcrumb-item active" aria-current="page">Edit Store</li>
        </ol>
    </nav>
    <h3 class="fw-bold mb-1 text-dark">Edit Store: {{ $store->name }}</h3>
    <p class="text-muted mb-0 small">Update contact details, taxation specifications, and personnel assignments.</p>
</div>

<div class="card shadow-sm border-0">
    <div class="card-body p-4">
        <form method="POST" action="{{ route('stores.update', $store) }}">
            @csrf
            @method('PUT')

            <h5 class="fw-bold text-dark mb-3"><i class="bi bi-info-circle me-2 text-success"></i>Core Store Identification</h5>
            <div class="row g-3 mb-4">
                <div class="col-md-6">
                    <label for="name" class="form-label small fw-semibold">Store Full Name <span class="text-danger">*</span></label>
                    <input type="text" class="form-control @error('name') is-invalid @enderror" id="name" name="name" value="{{ old('name', $store->name) }}" required>
                    @error('name')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-3">
                    <label for="code" class="form-label small fw-semibold">Store Unique Code <span class="text-danger">*</span></label>
                    <input type="text" class="form-control text-uppercase font-monospace @error('code') is-invalid @enderror" id="code" name="code" value="{{ old('code', $store->code) }}" required>
                    @error('code')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-3">
                    <label for="status" class="form-label small fw-semibold">Status <span class="text-danger">*</span></label>
                    <select class="form-select @error('status') is-invalid @enderror" id="status" name="status" required>
                        <option value="active" {{ old('status', $store->status) === 'active' ? 'selected' : '' }}>Active</option>
                        <option value="inactive" {{ old('status', $store->status) === 'inactive' ? 'selected' : '' }}>Inactive</option>
                    </select>
                    @error('status')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <h5 class="fw-bold text-dark mb-3 border-top pt-3"><i class="bi bi-geo-alt me-2 text-success"></i>Location & Address Details</h5>
            <div class="row g-3 mb-4">
                <div class="col-12">
                    <label for="address" class="form-label small fw-semibold">Street Address / Facility Plot <span class="text-danger">*</span></label>
                    <textarea class="form-control @error('address') is-invalid @enderror" id="address" name="address" rows="2" required>{{ old('address', $store->address) }}</textarea>
                    @error('address')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-4">
                    <label for="city" class="form-label small fw-semibold">City / District <span class="text-danger">*</span></label>
                    <input type="text" class="form-control @error('city') is-invalid @enderror" id="city" name="city" value="{{ old('city', $store->city) }}" required>
                    @error('city')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-4">
                    <label for="state" class="form-label small fw-semibold">State / Province <span class="text-danger">*</span></label>
                    <input type="text" class="form-control @error('state') is-invalid @enderror" id="state" name="state" value="{{ old('state', $store->state) }}" required>
                    @error('state')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-4">
                    <label for="pincode" class="form-label small fw-semibold">PIN Code (6 digits) <span class="text-danger">*</span></label>
                    <input type="text" class="form-control @error('pincode') is-invalid @enderror" id="pincode" name="pincode" value="{{ old('pincode', $store->pincode) }}" maxlength="6" required>
                    @error('pincode')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <h5 class="fw-bold text-dark mb-3 border-top pt-3"><i class="bi bi-receipt me-2 text-success"></i>Contact & Taxation Specifications</h5>
            <div class="row g-3 mb-4">
                <div class="col-md-4">
                    <label for="contact_number" class="form-label small fw-semibold">Store Contact Number <span class="text-danger">*</span></label>
                    <input type="text" class="form-control @error('contact_number') is-invalid @enderror" id="contact_number" name="contact_number" value="{{ old('contact_number', $store->contact_number) }}" required>
                    @error('contact_number')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-4">
                    <label for="email" class="form-label small fw-semibold">Store Official Email <span class="text-danger">*</span></label>
                    <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email" value="{{ old('email', $store->email) }}" required>
                    @error('email')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-4">
                    <label for="gstin" class="form-label small fw-semibold">GSTIN (15 Characters)</label>
                    <input type="text" class="form-control text-uppercase font-monospace @error('gstin') is-invalid @enderror" id="gstin" name="gstin" value="{{ old('gstin', $store->gstin) }}" maxlength="15">
                    @error('gstin')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <h5 class="fw-bold text-dark mb-3 border-top pt-3"><i class="bi bi-people me-2 text-success"></i>Staff Assignment</h5>
            <div class="row g-3 mb-4">
                <div class="col-md-6">
                    <label for="admin_user_id" class="form-label small fw-semibold">Designate Store Admin</label>
                    <select class="form-select @error('admin_user_id') is-invalid @enderror" id="admin_user_id" name="admin_user_id">
                        <option value="">-- No Store Admin Assigned --</option>
                        @foreach($storeAdmins as $admin)
                            <option value="{{ $admin->id }}" {{ old('admin_user_id', $assignedAdminId) == $admin->id ? 'selected' : '' }}>
                                {{ $admin->name }} ({{ $admin->email }})
                            </option>
                        @endforeach
                    </select>
                    @error('admin_user_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-6">
                    <label for="cashier_user_ids" class="form-label small fw-semibold">Assign Cashiers / Staff (Hold Ctrl to select multiple)</label>
                    <select class="form-select @error('cashier_user_ids') is-invalid @enderror" id="cashier_user_ids" name="cashier_user_ids[]" multiple size="3">
                        @foreach($cashiers as $cashier)
                            <option value="{{ $cashier->id }}" {{ in_array($cashier->id, old('cashier_user_ids', $assignedCashierIds)) ? 'selected' : '' }}>
                                {{ $cashier->name }} ({{ $cashier->email }})
                            </option>
                        @endforeach
                    </select>
                    @error('cashier_user_ids')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <div class="border-top pt-3 d-flex justify-content-end gap-2">
                <a href="{{ route('stores.show', $store) }}" class="btn btn-light border">Cancel</a>
                <button type="submit" class="btn btn-agri">
                    <i class="bi bi-check2-circle me-1"></i> Update Store Information
                </button>
            </div>
        </form>
    </div>
</div>
@endsection