@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'  }} Box</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">Title <span class="text-danger">*</span></label>
                                        <input type="text" value="{{ $data->title ?? ''}}" required name="title" class="form-control" placeholder="Box name">
                                        @error('title')
                                            <div class=" my-1 p-1 alert alert-danger">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                        <style>
                                            .select2-selection.select2-selection--single{
                                                padding: 0px !important;
                                            }
                                            .select2-container--default .select2-selection--single .select2-selection__rendered {
                                                line-height: 32px !important;
                                            }
                                            .select2-container--default .select2-selection--single {
                                                border: 1px solid #e5e7eb;
                                            }
                                        </style>
                                    <div class="mb-4">
                                        <label class="form-label">Box type<span class="text-danger">*</span></label>
                                        <select class="select2" required name="box_type">
                                            <option value="" disabled {{ old('box_type', $data->box_type ?? '') == '' ? 'selected' : '' }} data-role="bg-primary text-secondary">Select Option</option>
                                            <option value="1" {{ old('box_type', $data->box_type ?? '') == 1 ? 'selected' : '' }}  data-role="bg-primary text-secondary">Box</option>
                                            <option value="2" {{ old('box_type', $data->box_type ?? '') == 2 ? 'selected' : '' }}  data-role="bg-primary text-secondary">Flyer</option>
                                        </select>


                                        @error('box_type')
                                            <div class="p-1 alert alert-danger">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                    <div class="mb-4 row">
                                        <div class="col-4">
                                            <label class="form-label">Length  <span class="text-danger">*</span></label><span class="text-muted fst-italic"> ( in inch )</span> 
                                            <input type="number" min="1" max="100" value="{{ old('dimension.0',$data->dimension_array[0] ?? '')}}" required name="dimension[]" class="form-control" placeholder="length">
                                            @error('dimension[]')
                                                <div class=" my-1 p-1 alert alert-danger">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                            @error('dimension.*')
                                                <div class=" my-1 p-1 alert alert-danger">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>
                                        <div class="col-4">
                                            <label class="form-label">Breadth  <span class="text-danger">*</span></label><span class="text-muted fst-italic"> ( in inch )</span> 
                                            <input type="number" min="1" max="100" value="{{ old('dimension.1',$data->dimension_array[1] ?? '')}}" required name="dimension[]" class="form-control" placeholder="breadth">
                                        </div>
                                        <div class="col-4">
                                            <label class="form-label">Height  <span class="text-danger">*</span></label><span class="text-muted fst-italic"> ( in inch )</span> 
                                            <input type="number" min="1" max="100" value="{{ old('dimension.2',$data->dimension_array[2] ?? '')}}" required name="dimension[]" class="form-control" placeholder="height">
                                        </div>
                                    </div>
                                    <div class="mb-4">
                                        <label class="form-label">Max weight <span class="text-danger">*</span></label><span class="text-muted fst-italic"> ( in kg )</span> 
                                        <input type="text" value="{{ old('max_weight',$data->max_weight ?? '')}}" required name="max_weight" class="form-control" placeholder="Max weight">
                                        @error('max_weight')
                                            <div class=" my-1 p-1 alert alert-danger">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                    
                                </div>
                                 
                            </form>
                        </div>
                    </div>
            </div>
            <!-- [ Main Content ] end -->

            @include('admin.includes.footer')