@extends('Dashboard.main')

@section('Dashboard')
<!-- ========================================= START PAGE CONTENT ========================================= -->
<div class="content">
  <div class="jumbotron page-cover" data-pages="parallax">
    <div class=" container-fluid  container-fixed-lg">
      <div class="inner">
        <!-- ===============================  START BREADCRUMB =============================== -->
        <ol class="breadcrumb">  
          <li class="breadcrumb-item"><a href="{{ url('admin') }}">{{ __('Dashboard')}}</a></li>
          <li class="breadcrumb-item"><a href="{{ route('Galleries.index') }}">{{ __('Gallery')}}</a></li>
          <li class="breadcrumb-item active">{{ __('Create Gallery')}}</li>
        </ol>
        <div class="container-md-height">
          <div class="row">
            <!-- START card -->
            <div class="card card-transparent">
              <div class="card-body">
                <h3><i class="far fa-images"></i>  {!! __('Gallery') !!}</h3>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
 <!-- ========================================= START PAGE CONTENT ========================================= -->
  <!-- START CONTAINER FLUID -->
  <div class=" container-fluid container-fixed-lg">
    <!-- START card -->
    <div class="row">
      <div class="col-lg-12">
        <!-- START card -->
        <div class="card card-default">
          @if ($errors->any())    
          <div class="pgn-wrapper top-inline" data-position="top">
            <div class="pgn push-on-sidebar-open pgn-bar">
              <div class="alert alert-danger">
                <button type="button" class="close" data-dismiss="alert">
                  <span aria-hidden="true">×</span><span class="sr-only">{{ __('Close')}}</span>
                </button>
                @foreach ($errors->all() as $error)
                {{ $error }}
                @endforeach
              </div>
            </div>
          </div>
          @endif
          <div class="card-body">
          <form action="{{ route('Galleries.store') }}" method="POST"  role="form" enctype="multipart/form-data"> 
            @csrf
           <button class="btn btn-success btn-cons btn-animated from-left fa fa-save pull-right" type="submit">
            <span>{!! __('save') !!}</span>
          </button>
        </div>
      </div>
      </form>
      <!-- ================================================ END card ==================================== -->
    </div>
    <div class="col-lg-12">
      <!-- START card -->
      <div class="card card-default">
        <div class="card-header ">
          <div class="card-title">
            {!! __('Drag and drop Image Here') !!} 
          </div>
        </div>
        <div class="card-body no-scroll no-padding">
          <form method="post" action="{!! url('Dashboard/image/upload/store') !!}" 
                enctype="multipart/form-data" class="dropzone" id="dropzone">
            @csrf
          </form> 
      </div>
    </div>
  </div>
</div>
</div>
</div>
<!-- ========================================= End PAGE CONTENT ========================================= -->
@endsection