@extends('dashboard::layouts.layout')

@push('header')
    <div class="header bg-primary pb-6">
        <div class="container-fluid">
            <div class="header-body">
                <div class="row align-items-center py-4">
                    <div class="col-lg-6 col-7">
                        <h6 class="h2 text-white d-inline-block mb-0">@lang('main.dashboard')</h6>
                        <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
                            <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
                                <li class="breadcrumb-item"><a href="{{route('dashboard.home')}}"><i class="fas fa-home"></i></a></li>
                                <li class="breadcrumb-item"><a href="{{route('dashboard.sliders.index')}}">@lang('main.sliders')</a></li>
                                <li class="breadcrumb-item active" aria-current="page">@isset ($edit) @lang('main.edit') @else @lang('main.create') @endisset</li>
                            </ol>
                        </nav>
                    </div>
{{--                    <div class="col-lg-6 col-5 text-right">--}}
{{--                        <a href="#" class="btn btn-sm btn-neutral">New</a>--}}
{{--                        <a href="#" class="btn btn-sm btn-neutral">Filters</a>--}}
{{--                    </div>--}}
                </div>

            </div>
        </div>
    </div>
@endpush
@section('content')
    <!-- Page content -->
    <div class="row">
        <div class="col-xl-12 order-xl-1">
            <div class="card">
                <div class="card-header">
                    <div class="row align-items-center">

                        <div class="col-8">
                            <h3 class="mb-0">@lang('main.slider_create') </h3>
                        </div>

{{--                        <div class="col-4 text-right">--}}
{{--                            <a href="#!" class="btn btn-sm btn-primary">Settings</a>--}}
{{--                        </div>--}}

                    </div>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{route('dashboard.sliders.store')}}" enctype="multipart/form-data">@csrf
                        <div class="pl-lg-4">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="form-control-label" for="input-title">@lang('main.title')</label>
                                        <input type="text" id="input-title" required min="3" class="form-control" name="title" placeholder="@lang('main.title')" value="{{old('title')}}">
                                        <x-share.error-message name="title" />
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="form-control-label" for="input-sorting">@lang('main.sorting')</label>
                                        <input type="number" min="1" required id="input-sorting" class="form-control" value="{{old('sortable',@\Habib\Slider\Models\Slider::max('sortable')+1)}}" name="sortable" placeholder="sorting">
                                        <x-share.error-message name="sorting" />
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="form-control-label" for="input-file">@lang('main.image')</label>
                                        <input type="file" id="input-file" accept="image/*" onchange="readURL(this,'imagePreview')" name="image" class="form-control">
                                        <x-share.error-message name="image" />
                                    </div>
                                </div>
                                <div class="col-lg-6 border p-2">
                                    <img src="" alt="" id="imagePreview" class="w-100">
                                </div>
                            </div>
                        </div>
                        <div class="pl-lg-4">
                            <div class="form-group">
                                <label class="form-control-label">@lang('main.content')</label>
                                <textarea rows="4" class="form-control" name="content" placeholder="@lang('main.content')">{{old('content')}}</textarea>
                                <x-share.error-message name="content" />
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">@lang('main.submit')</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop