@extends ('backend.layouts.app')

@section ('title', __('slider::labels.backend.slider.management') . ' | ' . __('slider::labels.backend.slider.create'))

@section('breadcrumb-links')
    @include('slider::includes.breadcrumb-links')
@endsection

@push('after-styles')

@endpush

@section('content')
{{ html()->form('POST', route('admin.slider.store'))->attribute('enctype', 'multipart/form-data')->class('form-horizontal')->open() }}
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-sm-5">
                    <h4 class="card-title mb-0">
                        {{ __('slider::labels.backend.slider.management') }}
                        <small class="text-muted">{{ __('slider::labels.backend.slider.create') }}</small>
                    </h4>
                </div><!--col-->
            </div><!--row-->

            <hr />

            <div class="row mt-4 mb-4">
                <div class="col">

                    <div class="form-group row">
                    {{ html()->label(__('slider::labels.backend.slider.table.image').'<span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('image') }}

                    <div class="col-md-10">
                            {{ html()->file('image')
                             ->class('form-control')
                             ->required() }}
                            <h5>(Image size for desktop should be: 559px-708px)(Image size for mobile should be: 1024px-400px)</h5>
                        </div><!--col-lg-10-->
                    </div><!--form control-->
                    <div class="form-group row">
                        {{ html()->label(__('slider::labels.backend.slider.table.for_mobile').'<span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('for_mobile') }}
    
                            <div class="col-md-10">
    
                                <div class="form-check form-check-inline">
                                  <input class="form-check-input" type="radio" name="for_mobile" value="web">
                                  <label class="form-check-label" for="for_mobile_1">Website</label>
                                </div>
                                <div class="form-check form-check-inline">
                                  <input class="form-check-input" type="radio" name="for_mobile" value="mobile">
                                  <label class="form-check-label" for="for_mobile_2">Mobile Device</label>
                                </div>
             
                            </div><!--col-->
                        </div><!--form-group-->
                    <div class="form-group row">
                    {{ html()->label(__('slider::labels.backend.slider.table.description').'<span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('description') }}

                        <div class="col-md-10">
                            {{ html()->textarea('description')
                                ->class('form-control')
                                ->placeholder(__('slider::labels.backend.slider.table.description'))
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->
                </div><!--col-->
            </div><!--row-->
        </div><!--card-body-->

        <div class="card-footer">
            <div class="row">
                <div class="col">
                    {{ form_cancel(route('admin.slider.index'), __('buttons.general.cancel')) }}
                </div><!--col-->

                <div class="col text-right">
                    {{ form_submit(__('buttons.general.crud.create')) }}
                </div><!--row-->
            </div><!--row-->
        </div><!--card-footer-->
    </div><!--card-->
{{ html()->closeModelForm() }}
@endsection

@push('after-scripts')

<script>


</script>
@endpush