@extends('user.header')
@section('userContent')
  <div class="content-wrapper" style="min-height: 887px;">
    <div class="container-full">
      <!-- Content Header (Page header) -->
      @include('extensions.alerts')
      <!-- Main content -->
      <section class="content">
        <div class="row">
          <div class="col-xl-12 col-lg-12 col-12">
            <div class="box">
              <div class="box-header with-border">
                <h4 class="box-title">Home-Page Slider <a class="btn btn-sm btn-secondary"
                    href="{{ route('admin.sliders.index') }}">Back</a></h4>
                {{-- <a class="btn btn-sm btn-bold btn-primary float-end" href="{{ route('admin.banners.create') }}">+ New Slider</a> --}}
              </div>
              <div class="box-body">
                <form method="post" action="{{ $action }}" enctype="multipart/form-data">
                  @csrf
                  @if (isset($method)) @method($method) @endif
                  <div class="row">
                    <div class="col-md-4">
                      <div class="mb-3">
                        <label class="form-label">Slider Image [MAX 2MB] [JPEG,JPG,PNG,WEBP] [1600X600]</label>
                        <input type="file" class="form-control bg-transparent" accept="image/*" @if (!isset($method)) required @endif
                          name="slider_img">
                      </div>
                    </div>
                    <div class="col-md-4">
                      <div class="mb-3">
                        <label for="exampleInputPassword1" class="form-label">Slider Link</label>
                        <input type="text" class="form-control" maxlength="500" name="slider_link"
                          value="@if (isset($slider)){{ $slider->slider_link }}@else{{ old('slider_link') }} @endif">
                      </div>
                    </div>
                    {{-- <div class="col-md-4">
										<div class="mb-3">
											<label for="exampleInputPassword1" class="form-label">Slider Title</label>
											<input type="text" class="form-control" maxlength="500" name="slider_title" value="@if (isset($slider)){{ $slider->slider_title }}@else{{ old('slider_title') }} @endif">
										</div>
									</div>
									<div class="col-md-12">
										<div class="mb-3">
											<label for="exampleInputPassword1" class="form-label">Slider Description</label>
											<textarea name="slider_description" id="summernote">@if (isset($slider)){{ $slider->slider_description }}@else{{ old('slider_description') }}@endif</textarea>
										</div>
									</div>
									<div class="col-md-6">
										<div class="mb-3">
											<label for="exampleInputPassword1" class="form-label">Slider Button Text</label>
											<input type="text" class="form-control" maxlength="100" name="slider_button_text" value="@if (isset($slider)){{ $slider->slider_button_text }}@else{{ old('slider_button_text') }} @endif">
										</div>
									</div> --}}
                    <div class="col-md-4">
                      <div class="mb-3">
                        <label for="exampleInputPassword1" class="form-label">Slider Sort</label>
                        <input type="number" min="0" class="form-control"
                          onKeyPress="if(this.value.length===5) return false;" name="sort"
                          value="@if (isset($slider)){{ $slider->sort }}@else{{ old('sort') }} @endif">
                      </div>
                    </div>
                    {{-- <div class="col-md-6">
										<div class="mb-3">
											<label for="exampleInputPassword1" class="form-label">Slider_Button Link</label>
											<input type="text" class="form-control" maxlength="500" name="slider_button_link" value="@if (isset($slider)){{ $slider->slider_button_link }}@else{{ old('slider_slider_button_link') }} @endif">
										</div>
									</div> --}}
                    <div class="col-md-12 mb-4 d-flex align-items-center">
                      <div class="form-check">
                        <input class="form-check-input" type="checkbox" @if (isset($slider)){{ $slider->status === 1 ? 'checked' : '' }}@else @if (old('status') === '1') checked @endif @endif name="status" value="1"
                          id="flexCheckDefault">
                        <label class="form-check-label" for="flexCheckDefault">
                          Slider Active
                        </label>
                      </div>
                    </div>
                    <div class="col-12">
                      <button class="btn btn-primary">Save</button>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>
  <script type="text/javascript">
    $('#summernote').summernote({
      placeholder: 'Please enter your slider content here.',
      tabsize: 2,
      height: 250,
      toolbar: [
        ['style', ['style']],
        ['font', ['bold', 'underline', 'clear']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']],
        ['table', ['table']],
        ['view', ['codeview', 'help']]
      ]
    });
  </script>
@endsection