@extends("admin.layout.app")
@section("title","Admin Dashboard")

@section("content")
<div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="components-preview mx-auto">
                                    
                                    <div class="nk-block nk-block-lg">
                                        <div class="nk-block-head">
                                            <div class="row g-4">
                                                <div class="col-lg-6">
                                                    <div class="nk-block-head-content">
                                                        <h4 class="title nk-block-title">Add New Kitchen Owner</h4>
                                                        <div class="nk-block-des">
                                                            <p>You can add new kitchen owner using this form.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group float-right">
                                                        <a href="{{route('admin.kitchenowner')}}" class="btn btn-lg btn-primary">List Of Kitchen Owners</a>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        </div>
                                        
                                        <div class="card card-bordered">
                                            <div class="card-inner">
                                                <div class="card-head">
                                                    <h5 class="card-title">Kitchen Owner Information</h5>
                                                </div>
                                                <form action="{{route('admin.storekitchenowner')}}" method="POST" enctype="multipart/form-data">
                                                    @csrf
                                                    <div class="row g-4">
                                                        
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            <div class="form-group">
                                                                <label class="form-label" for="name">Name</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="text" class="form-control" name="name" id="name" value="{{old('name')}}" placeholder="Enter Your Name">
                                                                    @error('name')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            <div class="form-group">
                                                                <label class="form-label" for="email">Email Address</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="email" class="form-control" name="email" id="email" value="{{old('email')}}" placeholder="Enter Your Email">
                                                                    @error('email')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            <div class="form-group">
                                                                <label class="form-label" for="user_phone">Phone No</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="text" class="form-control" name="user_phone" id="user_phone"  value="{{old('user_phone')}}" placeholder="Enter Your Phone No.">
                                                                    @error('user_phone')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            
                                                            <div class="form-group">
                                                                <label class="form-label">Status</label>
                                                                <div class="form-control-wrap">
                                                                    <select class="form-select" name="status">
                                                                        <option>Active</option>
                                                                        <option>Inactive</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            <div class="form-group">
                                                                <label class="form-label">DOB</label>
                                                                <div class="form-control-wrap focused">
                                                                    <div class="form-icon form-icon-left">
                                                                        <em class="icon ni ni-calendar"></em>
                                                                    </div>
                                                                    <input type="text" class="form-control date-picker" name="user_dob" value="{{old('user_dob')}}" id="user_dob" data-date-format="yyyy-mm-dd">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            <div class="form-group">
                                                                <label class="form-label" for="customFileLabel">Photo</label>
                                                                <div class="form-control-wrap">
                                                                    <div class="custom-file">
                                                                        <input type="file" class="custom-file-input" name="user_photo" id="user_photo" value="{{ old('user_photo') }}">
                                                                        <label class="custom-file-label" for="user_photo">Choose file</label>
                                                                        @error('user_photo')
                                                                        <p style="color:red;">{{$message}}</p>
                                                                        @enderror
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            <div class="form-group">
                                                                <div class="form-label-group">
                                                                    <label class="form-label" for="kitchen_password">Password</label>
                                                                </div>
                                                                <div class="form-control-wrap">
                                                                    <a href="#" class="form-icon form-icon-right passcode-switch lg" data-target="kitchen_password">
                                                                        <em class="passcode-icon icon-show icon ni ni-eye"></em>
                                                                        <em class="passcode-icon icon-hide icon ni ni-eye-off"></em>
                                                                    </a>
                                                                    <input type="password" class="form-control " name="kitchen_password" id="kitchen_password" value="{{old('kitchen_password')}}" placeholder="Enter your password">
                                                                    @error('kitchen_password')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            <div class="form-group">
                                                                <label class="form-label" for="user_location">Location</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="text" class="form-control" name="user_location" id="user_location" value="{{old('user_location')}}" placeholder="Enter your location">
                                                                    @error('user_location')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            <div class="form-group">
                                                                <label class="form-label" for="customFileLabel">QR Code Image</label>
                                                                <div class="form-control-wrap">
                                                                    <div class="custom-file">
                                                                        <input type="file" class="custom-file-input" name="user_qrcode" id="user_qrcode" value="{{ old('user_qrcode') }}">
                                                                        <label class="custom-file-label" for="user_qrcode">Choose file</label>
                                                                        @error('user_qrcode')
                                                                        <p style="color:red;">{{$message}}</p>
                                                                        @enderror
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-lg-12">
                                                            <div class="form-group">
                                                                <label class="form-label" for="user_address">Address</label>
                                                                <div class="form-control-wrap">
                                                                    <textarea class="form-control form-control-sm" name="user_address" id="user_address" placeholder="Enter your address" style="height: 72px;">{{old('user_address')}}</textarea>
                                                                    @error('user_address')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-12">
                                                            <div class="card-head">
                                                                <h5 class="card-title">Kitchen Information</h5>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            <div class="form-group">
                                                                <label class="form-label" for="kitchen_name">Kitchen Name</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="text" class="form-control" name="kitchen_name" id="kitchen_name" value="{{old('kitchen_name')}}" placeholder="Enter Your Kitchen Name">
                                                                    @error('kitchen_name')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-6 col-lg-4 col-xl-4">
                                                            <div class="form-group">
                                                                <label class="form-label" for="customFileLabel">Kitchen Image</label>
                                                                <div class="form-control-wrap">
                                                                    <div class="custom-file">
                                                                        <input type="file" class="custom-file-input" name="kitchen_image" id="kitchen_image" value="{{ old('kitchen_image') }}">
                                                                        <label class="custom-file-label" for="kitchen_image">Choose file</label>
                                                                        @error('kitchen_image')
                                                                        <p style="color:red;">{{$message}}</p>
                                                                        @enderror
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-lg-12">
                                                            <div class="form-group">
                                                                <label class="form-label" for="kitchen_description">Description</label>
                                                                <div class="form-control-wrap">
                                                                    <textarea class="form-control form-control-sm" name="kitchen_description" id="kitchen_description" placeholder="Enter your address" style="height: 72px;">{{old('kitchen_description')}}</textarea>
                                                                    @error('kitchen_description')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <button type="submit" class="btn btn-lg btn-primary">Save Informations</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div><!-- .nk-block -->
                                </div><!-- .components-preview -->
                            </div>
                        </div>
                    </div>
                </div>  
@endsection
@push("script")
@if(Session::has('msg'))
        @switch(Session::get('status'))
        
        @case('success')
        <script>
            toastr.options = {
            "closeButton": true,
            "progressBar": true,
            "positionClass": "toast-top-center"
            }
            toastr.success("{{ Session::get('msg') }}");
        </script>
        @break

        @case('error')
        <script>
            toastr.options = {
            "closeButton": true,
            "progressBar": true,
            "positionClass": "toast-top-center"
            }
            toastr.error("{{ Session::get('msg') }}");
        </script>
        @break

        @endswitch
@endif
@endpush