@extends('layout.default')

@section('styles')
@endsection
@section('subheaderRightToolbar')
    @PermissionsCan(groupPermissionName('slider.index'))
    <a href="{{ route('slider.index') }}" class="btn btn-light-primary font-weight-bolder mr-2">
        <i class="ki ki-long-arrow-back icon-sm"></i>Back(ESC)</a>
    @endPermissionsCan
    @PermissionsCan(groupPermissionName('slider.store'))
    <div class="btn-group">
        <button type="submit" class="btn btn-primary font-weight-bolder" form="slider_form">
            <i class="ki ki-check icon-sm"></i><u>S</u>ave & Continue
        </button>
    </div>
    @endPermissionsCan
@endsection
@section('content')
    <div class="card card-custom card-sticky" id="kt_page_sticky_card">
        <div class="card-body" id="load-section-js">
            <form class="form" id="slider_form" data-method="post" data-url="{{ route('slider.store') }}"
                  enctype="multipart/form-data">
                <div class="row">
                    <div class="col-xl-2"></div>
                    <div class="col-xl-8">
                        <div class="row">
                            <label class="col-3">Name <b class="text-danger">*</b></label>
                            <div class="col-9 mb-6">
                                <div class="form-group  mb-1">
                                    <input id="name" class="form-control form-control-solid" type="text" name="name"
                                           placeholder="Enter Name"
                                           value="" autofocus/>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <label class="col-3">Attachments <b class="text-danger">*</b></label>
                            <div class="col-9 mb-6">
                                <div class="form-group mb-1">
                                    <div class="custom-file">
                                        <input type="file" name="slider_attachment" id="slider_attachment"
                                               class="custom-file-input">
                                        <label class="custom-file-label" for="attachments">Choose
                                            File</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{--                        <div class="row">--}}
                        {{--                            <label class="col-3">Type <b class="text-danger">*</b></label>--}}
                        {{--                            <div class="col-9 mb-6">--}}
                        {{--                                <div class="form-group mb-1">--}}
                        {{--                                    <select name="slider_type" id="slider_type"--}}
                        {{--                                            class="form-control form-control-lg form-control-solid type-select2-js"--}}
                        {{--                                            data-placeholder="Select Type">--}}
                        {{--                                        @foreach ($types as $key => $type)--}}
                        {{--                                            <option value="{{ $key }}"--}}
                        {{--                                                    @if($key == 0) selected @endif>{{ $type }}</option>--}}
                        {{--                                        @endforeach--}}
                        {{--                                    </select>--}}
                        {{--                                </div>--}}
                        {{--                            </div>--}}
                        {{--                        </div>--}}


                        <div class="form-group row">
                            <label class="col-3">Type <b class="text-danger">*</b></label>
                            <div class="col-9">
                                <div class="input-group">
                                    <select class="form-control form-control-lg type-select2-js" name="slider_type"
                                            id="slider_type">
                                        <option value="">Select Type</option>
                                        @foreach(\Modules\Slider\Entities\Slider::SLIDER_TYPES as $t_key => $type)
                                            <option value="{{ $t_key }}">{{ $type }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2"></div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('scripts')
    <script type="text/javascript" src="{{ asset('js/modules/slider/create.js?v='.time()) }}"></script>
@endsection