@layout('admin/master')
@section('content')
  <section class="main-content">
    <div class="row">
        <div class="col-sm-12">
            @if(hasErrorFor('errors'))
              @!component('admin.flash-errors', {errors: getErrorFor('errors')})
            @endif
            @if(hasErrorFor('error'))
              @!component('admin.flash-error', error = getErrorFor('error') )
            @endif
            @if(flashMessage('success'))
              @!component('admin.flash-success', success = flashMessage('success') )
            @endif
            <div class="card">
                <div class="card-header card-default">
                    Gallery Details
                </div>
                <div class="card-body">
                <form method="post" enctype="multipart/form-data">
                  {{ csrfField() }}
                  <div class="form-group">
                    <label>Name</label>
                    <input type="text" name="name" value={{ gallery.name }} placeholder="name">
                  </div>
                  <div class="form-group">
                      <label><strong>Images: </strong></label>
                      @if(gallery.media.length)
                        <div class='d-flex flex-row'>
                          @each(media in gallery.media)
                          <div class='d-flex flex-column m-1'>
                            <img src="{{ media.media_url }}" alt="Bandit Booking" width="100" height="100">
                            <div class='d-flex flex-row'>
                              <input type="checkbox" name="delete_media" value={{ media.slug }}>
                              <label for="media"> Delete</label>                              
                            </div>
                          </div>
                          @endeach
                        </div>
                      @endif
                  </div>
                  <div class="form-group">
                    <label>Picture</label>
                    <input type="file" name="media_url[]" multiple />
                    <input hidden name="_id" value={{gallery._id}} />
                  </div>
                  <div class="form-group">
                    <label>Status</label>
                    <select required name="status" class="form-control">
                        <option {{ gallery.status == true ? 'selected' : '' }} value="1">Active</option>
                        <option {{ gallery.status == false ? 'selected' : '' }} value="0">Disabled</option>
                    </select>
                  </div>
                  <div class="form-group">
                    <div class="buttons">
                        <button class="btn btn-primary">Submit</button>
                    </div>
                  </div>
                </form>
              </div>
              </div>
          </div>
      </div>
    </div>
  @include('admin.footer')
</section>
@endsection