@if (!Permit::isPermit(str_replace('/create', '', Route::current()->uri()), 'create', true))
<div class="alert alert-danger">You are not allowed to access this section.</div>
@else
<!-- Error display container -->
<div id="error-messages" class="alert alert-danger d-none"></div>
<form id="trendingForm" action="{{ route('trending-manufacturer.store') }}" class="form-horizontal" method="POST" autocomplete="off" enctype="multipart/form-data">
@csrf
<section>
    <div class="row match-height">
        <div class="col-md-12 col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Add Trending Manufacturer</h4>
                </div>
                <div class="card-content">
                    <div class="card-body">
                        <div class="form-body">
                            <div class="row">
                                <div class="col-12 mb-5">
                                    <div class="form-group row">
                                        <div class="col-md-4">
                                            <span>{{__('Manufacturer Title')}}</span>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="position-relative has-icon-left">
                                                <input type="text" id="title" class="form-control"
                                                        name="title" value="{{ old('title') }}"
                                                        required autocomplete="off">
                                                <div class="form-control-position">
                                                    <i class="feather icon-info"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 mb-5">
                                    <div class="form-group row">
                                        <div class="col-md-4">
                                            <span>{{__('Manufacturer Title(Arabic)')}}</span>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="position-relative has-icon-left">
                                                <input type="text" id="title_arabic" class="form-control"
                                                        name="title_arabic" value="{{ old('title_arabic') }}"
                                                        required autocomplete="off">
                                                <div class="form-control-position">
                                                    <i class="feather icon-info"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 mb-5">
                                    <div class="form-group row">
                                        <div class="col-md-4">
                                            <span>{{__('Description')}}</span>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="position-relative has-icon-left">
                                            <textarea name="description"  class="form-control" id="" cols="30" rows="2" required>{!! old('description') !!}</textarea>
                                                <div class="form-control-position">
                                                    <i class="feather icon-home"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 mb-5">
                                    <div class="form-group row">
                                        <div class="col-md-4">
                                            <span>{{__('Description(Arabic)')}}</span>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="position-relative has-icon-left">
                                            <textarea name="description_arabic"  class="form-control" id="" cols="30" rows="2" required>{!! old('description_arabic') !!}</textarea>
                                                <div class="form-control-position">
                                                    <i class="feather icon-home"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-12 mb-5">
                                    <div class="form-group row">
                                        <div class="col-md-4">
                                            <span>{{__('Color Code(Background)')}}</span>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="position-relative has-icon-left">
                                                <input type="color" name="color_code" class="form-control" required value="{{old('color_code')}}">
                                                <div class="form-control-position">
                                                    <i class="feather icon-home"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="col-12 mb-5">
                                    <div class="form-group row">
                                        <div class="col-md-4">
                                            <span>{{__('Logo')}}</span>
                                        </div>
                                        <div class="col-md-8">
                                            <fieldset class="form-group">
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="logo" name="logo">
                                                    <label class="custom-file-label" for="logo">Choose file</label>
                                                </div>
                                            </fieldset>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 mb-5">
                                    <div class="form-group row">
                                        <div class="col-md-4">
                                            <span>{{__('Image')}}</span>
                                        </div>
                                        <div class="col-md-8">
                                            <fieldset class="form-group">
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="image" name="image">
                                                    <label class="custom-file-label" for="image">Choose file</label>
                                                </div>
                                            </fieldset>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 mb-5">
                                    <div class="form-group row">
                                        <div class="col-md-4">
                                            <span>{{ __('Label Status') }}</span>
                                        </div>
                                        <div class="col-md-8">
                                            <label class="switch">
                                                <input type="checkbox" class="switch-input" name="label_status" value="1" id="label_status" />
                                                <span class="switch-toggle-slider">
                                                <span class="switch-on"></span>
                                                <span class="switch-off"></span>
                                                </span>
                                                <span class="switch-label">Active</span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 mb-5">
                                    <div class="form-group row">
                                        <div class="col-md-4">
                                            <span>{{__('Label Title')}}</span>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="position-relative has-icon-left">
                                                <input type="text" id="label_title" class="form-control"
                                                        name="label_title" value="{{ old('label_title') }}"
                                                        autocomplete="off">
                                                <div class="form-control-position">
                                                    <i class="feather icon-info"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 mb-5">
                                    <div class="form-group row">
                                        <div class="col-md-4">
                                            <span>{{__('Label Title(Arabic)')}}</span>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="position-relative has-icon-left">
                                                <input type="text" id="label_title_arabic" class="form-control"
                                                        name="label_title_arabic" value="{{ old('label_title_arabic') }}"
                                                        autocomplete="off">
                                                <div class="form-control-position">
                                                    <i class="feather icon-info"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 mb-5">
                                    <div class="form-group row">
                                        <div class="col-md-4">
                                            <span>{{__('Label Image')}}</span>
                                        </div>
                                        <div class="col-md-8">
                                            <fieldset class="form-group">
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="label_image" name="label_image">
                                                    <label class="custom-file-label" for="label_image">Choose file</label>
                                                </div>
                                            </fieldset>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 mb-5">
                                    <div class="form-group row">
                                        <div class="col-md-4">
                                            <span>{{__('Service key')}}</span>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="position-relative has-icon-left">
                                                <input type="text" id="service_key" class="form-control"
                                                        name="service_key" value="{{ old('service_key') }}"
                                                        required autocomplete="off">
                                                <div class="form-control-position">
                                                    <i class="feather icon-info"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 mb-5">
                                    <div class="form-group row">
                                        <div class="col-md-4">
                                            <span>{{__('Sort #')}}</span>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="position-relative has-icon-left">
                                                <input type="number" id="sort" class="form-control"
                                                        name="sort" value="{{ old('sort') }}"
                                                        autocomplete="off" min="1">
                                                <div class="form-control-position">
                                                    <i class="feather icon-info"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 mb-5">
                                    <div class="form-group row">
                                        <div class="col-md-4">
                                            <span>{{ __('Status') }}</span>
                                        </div>
                                        <div class="col-md-8">
                                            <label class="switch">
                                                <input type="checkbox" class="switch-input" name="status" value="1" id="status" />
                                                <span class="switch-toggle-slider">
                                                <span class="switch-on"></span>
                                                <span class="switch-off"></span>
                                                </span>
                                                <span class="switch-label">Active</span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 mb-5">
                                    <div class="block-content block-content-full text-right border-top pt-1">
                                        <button type="submit" class="btn btn-primary"><i
                                                    class="fa fa-check mr-1"></i>{{__('Save')}}</button>
                                        <button class="btn btn-secondary" data-bs-dismiss="offcanvas" aria-label="Close">{{__('Cancel & Back')}}</button>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
</form>
@endif