@extends('layouts.app')

@section('page-style')
<!-- Plugins css -->
<link href="{{ asset('assets/libs/dropify/dropify.min.css') }}" rel="stylesheet" type="text/css" />
@stop

@section('content')
<!-- start page title -->
<div class="row">
  <div class="col-12">
      <div class="page-title-box">
          <div class="page-title-right">
              <ol class="breadcrumb m-0">
                  <li class="breadcrumb-item"><a href="javascript: void(0);">Uplon</a></li>
                  <li class="breadcrumb-item"><a href="javascript: void(0);">Forms</a></li>
                  <li class="breadcrumb-item active">General Elements</li>
              </ol>
          </div>
          <h4 class="page-title">General Elements</h4>
      </div>
  </div>
</div>     
<div class="row">
  <div class="col-lg-12 mx-auto">
    <div class="card">
      <div class="card-header py-3 bg-transparent"> 
          <h5 class="mb-0">Setting</h5>
      </div>
      <div class="card-body">
        <div class="border p-3 rounded">
          <form action="{{ url('admin/galery/save') }}" method="post" class="row g-3" enctype="multipart/form-data">
            {{csrf_field()}}
            <div class="col-lg-4">
              <h4 class="header-title mb-4">Image 1</h4>
              <input type="file" class="dropify" name="image" id="image" data-default-file="{{ $galery->image_url }}" />
            </div><!-- end col -->

            <div class="col-lg-4">
              <h4 class="header-title mb-4">Image 2</h4>
              <input type="file" class="dropify" name="image1" id="image1" data-default-file="{{ $galery->image1_url }}" />
            </div><!-- end col -->

            <div class="col-lg-4">
              <h4 class="header-title mb-4">Image 3</h4>
              <input type="file" class="dropify" name="image2" id="image2" data-default-file="{{ $galery->image2_url }}" />
            </div><!-- end col -->
            <div class="col-12 mt-3">
              <button class="btn btn-primary px-4" type="submit">Submit Item</button>
            </div>
          </form>
        </div>
      </div>
  </div>
</div>
<!-- end row -->
@endsection

@section('page-script')
        <!-- Vendor js -->
        <script src="{{ asset('assets/js/vendor.min.js') }}"></script>

        <!-- Plugins js -->
        <script src="{{ asset('assets/libs/dropify/dropify.min.js') }}"></script>

        <!-- Init js-->
        <script src="{{ asset('assets/js/pages/form-fileuploads.init.js') }}"></script>

        <!-- App js -->
        <script src="{{ asset('assets/js/app.min.js') }}"></script>
        @stop