@extends('layouts.backend.app')
@section('content')

      <div class="main-panel">
        <div class="row grid-margin">
        <div class="col-lg-12">
            <div class="card">
            <div class="card-body">
                <h4 class="card-title">Slider Add</h4>
              <form class="dynamic-form" method="post" action="{{ route('sliders.storeOrUpdate') }}" enctype="multipart/form-data">
                @csrf
                <input type ="hidden" name="id" value="{{$slider->id ?? ""}}">
                <fieldset>
                    <div class="form-group">
                        <label for="cname">Title</label>
                        <input id="cname" class="form-control" name="title" value="{{$slider->title ?? ''}}" type="text">
                        <span class="text-danger error-text title_error"></span>
                    </div>

                    <div class="form-group">
                        <h4 class="card-title">Image file upload</h4>
                        <div class="file-upload-wrapper">
                            <input type="file" id="fileuploader" class="image-input" data-preview="#previewSlider" name="image" accept="image/*">
                            <span class="text-danger error-text image_error"></span>
                        </div>
                        @if (!empty($slider->image))
                             <img src="{{ asset('uploads/sliders/' . ($slider->image ?? 'default.jpg')) }}" width="100px" height="100px">
                        @endif
                        <div id="previewSlider"></div>
                    </div>
                    <button class="btn btn-success" type="submit">  {{ isset($slider) && $slider->id ? 'Update Slider' : 'Create Slider' }}</button>
                </fieldset>
            </form>

            </div>
            </div>
        </div>
        </div>
      </div>
@endsection