@extends('layouts.layout-admin')

@section('content')

@if(isset($post->id))
<div class="row box-body" ng-controller="postCtrl" data-ng-init="loadPost({{ $post->id }})">
  <form method="post" action="{{ route('post.update', ['id' => $post->id]) }}" enctype="multipart/form-data" name="formPost">
    <input name="_method" type="hidden" value="PATCH">
@endif
@if(!isset($post->id))
<div class="row box-body" ng-controller="postCtrl">
  <form method="post" action="{{ route('post.store') }}" enctype="multipart/form-data" name="formPost">
@endif
  
    <div class="form-group">
      <label for="title">Title:</label>
      <input type="text" class="form-control" id="title" name="title" ng-model="postFields.title" required>
      <div class="help-block has-error" ng-messages="formPost.title.$error" ng-if="formPost.title.$touched">
        @include('blog::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="body">Body:</label>
      <div text-angular id="body" name="body" ng-model="postFields.body" required></div>
      <div class="help-block has-error" ng-messages="formPost.body.$error" ng-if="formPost.body.$touched">
        @include('blog::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
        <label for="image">Image <span class="text-danger">*</span>:</label>
        <input type="file" ng-model="postFields.image" id="image" name="image" accept="image/*" onchange="angular.element(this).scope().setFiles(this)">
        <img ng-if="image_source" ng-src="<% image_source %>" class="img-thumbnail" width="200" height="200">
        <div class="help-block has-error" ng-messages="formPost.image.$error" ng-if="formPost.image.$touched">
            @include('blog::partials.errormessages')
            <span class="help-block" ng-show="mediaFormError">Please upload a valid image file.</span>
        </div>
    </div>

    <div class="form-group">
      <label for="slug">Slug:</label>
      <input type="text" class="form-control" id="slug" name="slug" ng-model="postFields.slug" required>
      <div class="help-block has-error" ng-messages="formPost.slug.$error" ng-if="formPost.slug.$touched">
        @include('blog::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
        <div class="checkbox">
        <label>
            <input type="checkbox" ng-model="postFields.comment_on" ng-checked="postFields.comment_on==1" id="comment_on" name="comment_on">
            Enable comment box
        </label>
        </div>
    </div>

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

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