@extends('layout.app')
@section('title', 'Shopkeepers')
@section('page-title', 'Update 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.update', $shopkeeper->id) }}">
                        @csrf
                        @method('PUT')

                        <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="{{ $shopkeeper->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="{{ $shopkeeper->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="{{ $shopkeeper->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">{{ $shopkeeper->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="{{ $shopkeeper->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="{{ $shopkeeper->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