@extends('layouts.app')

@section('title', 'Register New Store')

@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 active" aria-current="page">Register New Store</li>
        </ol>
    </nav>
    <h3 class="fw-bold mb-1 text-dark">Register New Store Unit</h3>
    <p class="text-muted mb-0 small">Provision a new retail branch, wholesale outlet, or distribution depot.</p>
</div>

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

            <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') }}" placeholder="e.g. Central Depot & Processing Unit" 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') }}" placeholder="e.g. PA-STR-005" required>
                    @error('code')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                    <div class="form-text small">Must be uppercase and globally unique.</div>
                </div>

                <div class="col-md-3">
                    <label for="status" class="form-label small fw-semibold">Initial 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', 'active') === 'active' ? 'selected' : '' }}>Active (Operational)</option>
                        <option value="inactive" {{ old('status') === 'inactive' ? 'selected' : '' }}>Inactive (Deactivated)</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" placeholder="Full street or GIDC industrial address..." required>{{ old('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') }}" placeholder="e.g. Anand" 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', 'Gujarat') }}" placeholder="e.g. Gujarat" 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') }}" placeholder="e.g. 388001" 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') }}" placeholder="+91 98250 XXXXX" 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') }}" placeholder="store.code@pavitramagroz.com" 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') }}" placeholder="24ABCDE1234F1Z5" maxlength="15">
                    @error('gstin')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                    <div class="form-text small">Leave blank if this facility is exempt.</div>
                </div>
            </div>

            <h5 class="fw-bold text-dark mb-3 border-top pt-3"><i class="bi bi-people me-2 text-success"></i>Initial 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="">-- Select Store Admin (Optional) --</option>
                        @foreach($storeAdmins as $admin)
                            <option value="{{ $admin->id }}" {{ old('admin_user_id') == $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', [])) ? '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.index') }}" class="btn btn-light border">Cancel</a>
                <button type="submit" class="btn btn-agri">
                    <i class="bi bi-check2-circle me-1"></i> Save Store Record
                </button>
            </div>
        </form>
    </div>
</div>
@endsection