@extends('layouts.admin.admin')
@section('title', 'Create Store')
@section('content')
@push('styles')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endpush
<main>
        <div class="container-fluid p-0">
            <div class="row g-0">
                 @include('partials.header')
                @include('partials.sidebar')
                <section class="content-section col primary-bg-light p-xl-4 p-3">
                    <div class="bg-white rounded-3 shadow-sm p-3">
                        <div class="row">
                            <div class="col-12">
                                @include('partials.breadcrumbs')
                                <hr class="mb-4">
                                <h5>Create Store</h5>
                                <form method="POST" action="{{ route('stores.store') }}">
                                    @csrf
                                    <div class="row g-2 gy-3">
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputStoreNumber" class="form-label fw-semibold">Store Number<span class="text-red">*</span></label>
                                            <input type="number" class="form-control shadow-none" id="inputStoreNumber" name="store_number" placeholder="Store Number" value="{{ old('store_number') }}">
                                            @if ($errors->has('store_number'))
                                                <span class="text-danger">{{ $errors->first('store_number') }}</span>
                                            @endif
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputStoreName" class="form-label fw-semibold">Store Name<span class="text-red">*</span></label>
                                            <input type="text" class="form-control shadow-none" id="inputStoreName" name="store_name" placeholder="Store Name" value="{{ old('store_name') }}">
                                            @if ($errors->has('store_name'))
                                                <span class="text-danger">{{ $errors->first('store_name') }}</span>
                                            @endif
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputStoreType" class="form-label fw-semibold">Store Type<span class="text-red">*</span></label>
                                            <input type="text" class="form-control shadow-none" id="inputStoreType" name="store_type" placeholder="Store Type" value="{{ old('store_type') }}">
                                            @if ($errors->has('store_type'))
                                                <span class="text-danger">{{ $errors->first('store_type') }}</span>
                                            @endif
                                        </div>
                                        
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputDivision" class="form-label fw-semibold">Division</label>
                                            <select name="division_id" id="division_id" class="form-select shadow-none custom-select">
                                                <option value="" selected>Select Division</option>
                                                @foreach($divisions as $division)
                                                    <option value="{{$division->id}}" @if(old('division_id') == $division->id ) selected  @endif>{{$division->name}}</option>
                                                @endforeach
                                                
                                            </select>
                                            @if ($errors->has('division_id'))
                                                <span class="text-danger">{{ $errors->first('division_id') }}</span>
                                            @endif
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputRegion" class="form-label fw-semibold">Region</label>
                                            <select name="region_id" id="region_id" class="form-select shadow-none custom-select">
                                                <option value="" selected>Select Region</option>
                                            </select>
                                            @if ($errors->has('region_id'))
                                                <span class="text-danger">{{ $errors->first('region_id') }}</span>
                                            @endif
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputArea" class="form-label fw-semibold">Area</label>
                                            <select name="area_id" id="areas_id" class="form-select shadow-none custom-select">
                                                <option value="" selected>Select Area</option>                                                                                               
                                            </select>
                                            @if ($errors->has('area_id'))
                                                <span class="text-danger">{{ $errors->first('area_id') }}</span>
                                            @endif
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputStreetAddress" class="form-label fw-semibold">Street Address<span class="text-red">*</span></label>
                                            <input type="text" class="form-control shadow-none cal-icon shadow-none" id="inputStreetAddress" name="store_address" placeholder="Street Address" value="{{ old('store_address') }}">
                                             @if ($errors->has('store_address'))
                                                <span class="text-danger">{{ $errors->first('store_address') }}</span>
                                            @endif
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputZipCode" class="form-label fw-semibold">Zip Code<span class="text-red">*</span></label>
                                            <input type="number" class="form-control shadow-none cal-icon shadow-none" id="inputZipCode" name="store_zip" placeholder="Zip Code" value="{{ old('store_zip') }}">
                                             @if ($errors->has('store_zip'))
                                                <span class="text-danger">{{ $errors->first('store_zip') }}</span>
                                            @endif
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputCity" class="form-label fw-semibold">City<span class="text-red">*</span></label>
                                            <input type="text" class="form-control shadow-none cal-icon shadow-none" id="inputCity" name="store_city" placeholder="City" value="{{ old('store_city') }}" readonly>
                                             @if ($errors->has('store_city'))
                                                <span class="text-danger">{{ $errors->first('store_city') }}</span>
                                            @endif
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputState" class="form-label fw-semibold">State<span class="text-red">*</span></label>
                                            <input type="text" class="form-control shadow-none cal-icon shadow-none" id="inputState" name="store_state" placeholder="State" value="{{ old('store_state') }}" readonly>
                                             @if ($errors->has('store_state'))
                                                <span class="text-danger">{{ $errors->first('store_state') }}</span>
                                            @endif
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputEmail" class="form-label fw-semibold">Email<span class="text-red">*</span></label>
                                            <input type="email" class="form-control shadow-none cal-icon shadow-none" name="store_email" id="inputEmail" placeholder="xxxxxxxxxx@xxxx.xxx" value="{{ old('store_email') }}">
                                             @if ($errors->has('store_email'))
                                                <span class="text-danger">{{ $errors->first('store_email') }}</span>
                                            @endif
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="telNumber" class="form-label fw-semibold">Phone<span class="text-red">*</span></label>
                                            <input type="tel" class="form-control shadow-none" id="telNumber" name="store_phone" maxlength="13" value="{{ old('store_phone') }}" placeholder="(555) 555-5555">
                                            @if ($errors->has('phone'))
                                                <span class="text-danger">{{ $errors->first('phone') }}</span>
                                            @endif
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputStorePropertyNumber" class="form-label fw-semibold">Property Number<span class="text-red">*</span></label>
                                            <input type="number" class="form-control shadow-none" id="inputStorePropertyNumber" name="property_no" placeholder="Store Property Number" value="{{ old('property_no') }}">
                                             @if ($errors->has('area_id'))
                                                <span class="text-danger">{{ $errors->first('area_id') }}</span>
                                            @endif
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <label for="inputStoreStatus" class="form-label fw-semibold">Store Status</label>
                                            <select name="store_status" id="inputStoreStatus" class="form-select shadow-none custom-select">
                                                <option value="" selected>Select Status</option>
                                                <option value="active">Active</option>
                                                <option value="inactive">Inactive</option>
                                                <option value="closed">Closed</option>
                                            </select>
                                             @if ($errors->has('store_status'))
                                                <span class="text-danger">{{ $errors->first('store_status') }}</span>
                                            @endif
                                        </div>
                                        <div class="col-12">
                                            <button type="submit" class="btn btn-type1 px-5 border-0 shadow-sm">Create Store</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </main>
@push('script')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="{{ asset('Assets/js/customscript.js') }}"></script>
<script>
    var module = 'store';
    // var regions_url = '/all_regions'
    // var areas_url = '/all_areas'
</script>
@endpush

@stop