@extends('layouts.layout-admin')

@section('content')

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

    <div class="form-group">
      <label for="badge_image">Badge image:</label>
      <input type="file" class="form-control" id="badge_image" name="badge_image" ng-model="badgeFields.badge_image">
      <div class="help-block has-error" ng-messages="formBadge.badge_image.$error" ng-if="formBadge.badge_image.$touched">
        @include('badges::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="point_range">Point range:</label>
      <select class="form-control" name="point_range" id="point_range" ng-model="badgeFields.point_range">
        <option value="">-Please select-</option>
        <option value="300">300 - 400</option>
        <option value="400">400 - 500</option>
        <option value="500">500 - 600</option>
        <option value="600">600 &amp; Above</option>
      </select>
      <div class="help-block has-error" ng-messages="formBadge.point_range.$error" ng-if="formBadge.point_range.$touched">
        @include('badges::partials.errormessages')
      </div>
    </div>

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