@extends('layouts.app', [
    'class' => '',
    'elementActive' => 'photos'
])

@section('content')
<div class="content">
  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-header">
          <h2>Create a Photo</h2>
        </div>
        <div class="card-body">
          @csrf
          <form action="{{ isset($photo) ? route('admin.photos.update', $photo) : route('admin.photos.store') }}" method="POST" enctype="multipart/form-data">
        @csrf
        @if (isset($photo))
          <input type="hidden" name="_method" value="PUT">
        @endif
            <div class="form-group required">
              <label for="category">Albums</label>
              <select class="form-control" id="album" name="album" placeholder="Please select one option">
                <option value="" selected>Please select an Album</option>
                @foreach ($albums as $album)
                    <option value="{{ $album->id }}">{{ ucfirst($album->name) }}</option>
                @endforeach
              </select>
              {!! $errors->first('album_id', '<p class="help-block">:message</p>') !!}
            </div>

            <div class="form-group required">
              <label class="required" for="name">Name</label>
              <input class="form-control" type="text" name="name" id="name" value="{{ isset($photo) ? $photo->name : old('name') }}" required>
              {!! $errors->first('name', '<span class="help-block" style="color:red">:message</span>') !!}
            </div>

            <div class="form-group green-border-focus required">
              <label class="required" for="desc">Description</label><br>
              <textarea class="form-control" name="description" id="description" rows="3">{{ isset($photo) ? $photo->description : old('description')}}</textarea>
              {!! $errors->first('description', '<span class="help-block" style="color:red">:message</span>') !!}
            </div>
            <hr>
   
            <div class="form-group required" style="min-height: 50px;">
              <label class="required" for="image">Image</label>
              <input type="file" name="img_path" style="opacity: 1;" />
              {!! $errors->first('img_path', '<span class="help-block" style="color:red">:message</span>') !!}
            </div>

            <div class="form-group">
              <div class="float-right">                                                
                <a href="{{ route('admin.photos.index') }}" class="btn btn-white btn-sm">Cancel</a>
                <input type="submit" class="btn btn-primary" value="{{ isset($photo) ? 'Update' : 'Create' }}">
              </div>
            </div>
          </form>


        </div>
      </div>
    </div>
  </div>
</div>
@stop