@extends('admin.master')

@section('content')

@if(session()->has('message'))
<div class="alert alert-success">
  {{ session()->get('message') }}
</div>
@endif

<div class="container-fluid">
  <div class="row">
    <!-- left column -->
    <div class="col-md-12">
      <!-- general form elements -->
      <div class="card card-primary">
        <div class="card-header">
          <h3 class="card-title">Upload Banner Photo</h3>
        </div>
        <!-- /.card-header -->
        <!-- form start -->
        <form role="form" method="post" action="{{route('banner.store')}}" enctype="multipart/form-data">
          @csrf
          <div class="card-body">
            <div class="form-group  w-100">
              <label for="title">Title</label>
              <div class="input-group">
                <div class="custom-file">
                  <input type="text" name="title">
                </div>
                <div class="help-block with-errors">
                  @if($errors->has('title'))
                  <div class="error" style="color: red">{{ $errors->first('title') }}</div>
                  @endif
                </div>
              </div>
            </div>
            <div class="form-group w-100">
              <label for="exampleInputFile">Banner Photo Input</label>
              <div class="input-group">
                <div class="custom-file">
                  <input type="file" name="banner_image">
                </div>
                <div class="help-block with-errors">
                  @if($errors->has('banner_image'))
                  <div class="error" style="color: red">{{ $errors->first('banner_image') }}</div>
                  @endif
                </div>
              </div>
            </div>
            
            <div class="form-group  w-100">
              <label for="exampleInputFile">Order</label>
              <div class="input-group">
                <div class="custom-file">
                  <input type="text" name="order">
                </div>
                <div class="help-block with-errors">
                  @if($errors->has('order'))
                  <div class="error" style="color: red">{{ $errors->first('order') }}</div>
                  @endif
                </div>
              </div>
            </div>

            <div class="form-group  w-100" >
              <label class=" w-100" for="details">Details</label>
              <textarea name="details" id="details"></textarea>
            </div>
          </div>
          <!-- /.card-body -->
          <div class="card-footer  w-100">
            <button type="submit" class="btn btn-primary">Submit</button>
          </div>
        </form>
      </div>
      <!-- /.card -->
    </div>
  </div>
  <!-- /.row -->
</div>

<script>
  tinymce.init({
            selector: '#details',
    });
</script>
@endsection