@include('admin.includes.header')
@include('admin.includes.sidebar')

{{-- form  --}}
<form id="myForm" enctype="multipart/form-data" method="POST">
    @csrf

<!--! [Start] Main Content !-->
    <!--! ================================================================ !-->
    <main class="nxl-container">
        <div class="nxl-content">
            <!-- [ page-header ] start -->
            <div class="page-header">
                <div class="page-header-left d-flex align-items-center">
                    <div class="page-header-title">
                        <h5 class="m-b-10">{{isset($data) ? 'Edit' : 'Add'  }} State</h5>
                    </div>
                    <ul class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url('admin/dashboard')}}">Home</a></li>
                        <li class="breadcrumb-item">Create</li>
                    </ul>
                </div>
                <div class="page-header-right ms-auto">
                    <div class="page-header-right-items">
                        <div class="d-flex d-md-none">
                            <a href="javascript:void(0)" class="page-header-right-close-toggle">
                                <i class="feather-arrow-left me-2"></i>
                                <span>Back</span>
                            </a>
                        </div>
                        <div class="d-flex align-items-center gap-2 page-header-right-items-wrapper">
                            {{-- <a href="javascript:void(0);" class="btn btn-light-brand" data-bs-toggle="offcanvas" data-bs-target="#proposalSent">
                                <i class="feather-layers me-2"></i>
                                <span>Save & Send</span>
                            </a> --}}
                            <a href="javascript:void(0);" class="btn btn-primary successAlertMessage"  onclick="document.getElementById('myForm').submit();">
                                <i class="feather-save me-2"></i>
                                <span>Save</span>
                            </a>
                        </div>
                    </div>
                    <div class="d-md-none d-flex align-items-center">
                        <a href="javascript:void(0)" class="page-header-right-open-toggle">
                            <i class="feather-align-right fs-20"></i>
                        </a>
                    </div>
                </div>
            </div>
            <!-- [ page-header ] end -->
<!-- [ Main Content ] start -->
            <div class="main-content">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="card stretch stretch-full">
                                <div class="card-body">
                                    @include('frontend.includes.msg')
                                    <div class="mb-4">
                                        <label class="form-label">Name <span class="text-danger">*</span></label>
                                        <input type="text" value="{{ $data->name ?? ''}}" required name="title" class="form-control" placeholder="State name">
                                        @error('title')
                                            <div class=" my-1 p-1 alert alert-danger">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                    <div class="mb-4">
                                        <label class="form-label">Pincode  <span class="text-danger">*</span></label>
                                        <input type="text" value="{{ $data->pincode ?? ''}}" required name="pincode" class="form-control" placeholder="State pincode">
                                        @error('pincode')
                                            <div class=" my-1 p-1 alert alert-danger">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                    <div class="mb-4">
                                        <label class="form-label">Country <span class="text-danger">*</span></label>
                                        @include('admin.components.select2-select', ['items' => $countries, 'name' => 'country_id','selected' => $data->country_id ?? null])
                                        @error('country_id')
                                            <div class="p-1 alert alert-danger">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                    <div class="mb-4">
                                        <label class="form-label">  <span class="text-muted">(Optional)</span></label>
                                        <input type="text" value="{{ $data->order ?? ''}}" name="order" class="form-control" placeholder="Order ( Higher = more priority )">
                                    </div>
                                    
                                </div>
                                 
                            </form>
                        </div>
                    </div>
            </div>
            <!-- [ Main Content ] end -->

            @include('admin.includes.footer')