@extends('layout.app')
@section('title', 'Shopkeepers')
@section('page-title', 'Add Shopkeeper')
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card mb-4">
                <div class="card-header">
                    <h6 class="mb-0">Add new Shopkeeper</h6>
                </div>
                <div class="card-body px-4 pt-0 pb-4">
                    <form method="POST" action="{{ route('shopkeepers.store') }}">
                        @csrf

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="name" class="form-label">Name</label>
                                <input type="text" id="name" name="name" value="{{ old('name') }}"
                                    class="form-control @error('name') is-invalid @enderror" maxlength="100" required>
                                @error('name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="shop_name" class="form-label">Shop Name</label>
                                <input type="text" id="shop_name" name="shop_name" value="{{ old('shop_name') }}"
                                    class="form-control @error('shop_name') is-invalid @enderror" maxlength="100" required>
                                @error('shop_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="city" class="form-label">City</label>
                                <input type="text" id="city" name="city" value="{{ old('city') }}"
                                    class="form-control @error('city') is-invalid @enderror" maxlength="100" required>
                                @error('city')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-12 mb-3">
                                <label for="address" class="form-label">Address</label>
                                <textarea id="address" name="address" rows="3" class="form-control @error('address') is-invalid @enderror">{{ old('address') }}</textarea>
                                @error('address')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="mobile_1" class="form-label">Mobile #1</label>
                                <input type="text" id="mobile_1" name="mobile_1" value="{{ old('mobile_1') }}"
                                    class="form-control @error('mobile_1') is-invalid @enderror" maxlength="20" required>
                                @error('mobile_1')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="mobile_2" class="form-label">Mobile #2</label>
                                <input type="text" id="mobile_2" name="mobile_2" value="{{ old('mobile_2') }}"
                                    class="form-control @error('mobile_2') is-invalid @enderror" maxlength="20">
                                @error('mobile_2')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="d-flex justify-content-end gap-2 mt-2">
                            <a href="{{ route('shopkeepers.index') }}" class="btn btn-outline-secondary mb-0">Cancel</a>
                            <button type="submit" class="btn btn-primary mb-0">Save Shopkeeper</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection