@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($article->id))
<div class="row box-body" ng-controller="articleCtrl" data-ng-init="loadArticle({{ $article->id }})">
  <form method="post" action="{{ route('admin.articles.update', ['id' => $article->id]) }}" enctype="multipart/form-data" name="formArticles">
    <input name="_method" type="hidden" value="PATCH">
@endif
@if(!isset($article->id))
<div class="row box-body" ng-controller="articleCtrl">
  <form method="post" action="{{ route('admin.articles.store') }}" enctype="multipart/form-data" name="formArticles">
@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="articleFields.title" required>
      <div class="help-block has-error" ng-messages="formArticles.title.$error" ng-if="formArticles.title.$touched">
        @include('cms::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="description">Description <sup class="text-danger">*</sup>:</label>
      <div text-angular name="description" id="description" ng-model="articleFields.description" required></div>
      <div class="help-block has-error" ng-messages="formArticles.description.$error" ng-if="formArticles.description.$touched">
        @include('cms::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="image">Image:</label>
      <input type="file" class="form-control" id="image" name="image" 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($article->image))
        <img ng-if="!image_source && articleFields.image != ''" ng-src="{{ asset('uploads/articles/' . $article->image) }}" alt="image" class="img-thumbnail" width="200" height="200">
      @endif
    </div>

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

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