@extends('layouts.app', [
    'class' => '',
    'elementActive' => 'carousel'
])

@section('content')
<div class="content">
  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-header">
          <h2>Upload Carousel Image</h2>
        </div>
        <div class="card-body">
          <form action="{{ isset($carousel) ? route('admin.carousel.update', $carousel) : route('admin.carousel.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="card-body">      
              <div class="form-group required" style="min-height: 50px;">
                <label class="required" for="image">Cover Image</label>
                <input type="file" name="image" style="opacity: 1;" />
                @if (isset($carousel->image))
                  <a target="_blank" href="/images/carousel_images/{{ $carousel->image}}"><img class="img-fluid" src="/images/carousel_images/{{ $carousel->image }}" alt="image-{{ $carousel->id }}" /></a>
                @endif
                {!! $errors->first('image', '<span class="help-block" style="color:red">:message</span>') !!}
              </div>
            </div>
            <div class="form-group">
              <button class="btn btn-primary" type="submit" name="btnSave" value="1">Upload</button>
              <a href="{{ route('admin.carousel.index') }}" class="btn btn-flat">Cancel</a>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>      
@stop