@extends('layouts.layout-admin')

@section('content')

@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

@if(isset($photo->id))
<div class="row box-body" ng-controller="galleryPhotoCtrl" data-ng-init="loadPhoto({{ $photo->id }});loadGalleryCategories()">
  <form method="post" action="{{ route('admin.gallery.photo.update', ['id' => $photo->id]) }}" enctype="multipart/form-data" name="formPhoto">
    <input name="_method" type="hidden" value="PATCH">
@endif
@if(!isset($photo->id))
<div class="row box-body" ng-controller="galleryPhotoCtrl" data-ng-init="loadGalleryCategories()">
  <form method="post" action="{{ route('admin.gallery.photo.store') }}" enctype="multipart/form-data" name="formPhoto">
@endif
  
    <div class="form-group">
      <label for="title">Title <sup class="text-danger">*</sup>:</label>
      <input type="text" class="form-control" id="title" name="title" ng-model="photoFields.title" required>
      <div class="help-block has-error" ng-messages="formPhoto.title.$error" ng-if="formPhoto.title.$touched">
        @include('cms::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="category_id">Category:</label>
      <select class="form-control" id="category_id" name="category_id"
        ng-model="photoFields.category_id"
        ng-options="category.category_name for category in categories track by category.id"
        ng-selected="photoFields.category_id==category.id"
        required>
        <option value="">-Please select-</option>
      </select>
      <div class="help-block has-error" ng-messages="formPhoto.category_id.$error" ng-if="formPhoto.category_id.$touched">
        @include('cms::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="description">Description:</label>
      <textarea class="form-control" name="description" id="description" ng-model="photoFields.description"></textarea>
    </div>

    <div class="form-group">
      <label for="image_location">Photo <sup class="text-danger">*</sup>:</label>
      <input type="file" class="form-control" id="image_location" name="image_location" ng-model="photoFields.image_location" accept="image/*" onchange="angular.element(this).scope().setFiles(this)">
      <img ng-if="image_source" ng-src="<% image_source %>" alt="image" class="img-thumbnail" width="200" height="200">
      @if (isset($photo->image_location))
        <img ng-if="!image_source && photoFields.image_location != ''" ng-src="{{ asset('uploads/gallery/photos/' . $photo->image_location) }}" alt="image" class="img-thumbnail" width="200" height="200">
      @endif
      <div class="help-block has-error" ng-messages="formPhoto.image_location.$error" ng-if="formPhoto.image_location.$touched">
        @include('cms::partials.errormessages')
      </div>
    </div>

      <div class="form-group">
        <label for="status">Status: </label>
        <select class="form-control" id="status" name="status" ng-model="photoFields.status">
          <option value="">-Please select-</option>
          <option value="1" ng-selected="photoFields.status == 1">Enable</option>
          <option value="0" ng-selected="photoFields.status == 0">Disable</option>
        </select>
      </div>
    </div>

    {!! csrf_field() !!}
    <button type="submit" class="btn btn-primary" ng-disabled="formPhoto.$invalid">Save</button>
    <button class="btn btn-default" ng-click="gotoPage('gallery/photos')">Cancel</button>
  </form>
</div>
@endsection