@extends('layouts.admin')

@section('title','Edit Recipe Category')

@section('content')
<div class="content-main-block mrg-t-40">
  <div class="content-block box-body">

    {{-- Back --}}
    <a href="{{ route('recipes.index') }}"
       class="btn-floating"
       data-toggle="tooltip"
       title="Go back">
      <i class="material-icons">reply</i>
    </a>

    <h4 class="mt-3">Edit Recipe Category</h4>
    <hr>

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

    {{-- FORM --}}
    <form method="POST" action="{{ route('recipes.update', $recipe->id) }}">
      @csrf
      @method('PUT')

      {{-- Category Name --}}
      <div class="form-group">
        <label>Category Name <span class="text-danger">*</span></label>
        <input
          type="text"
          name="name"
          class="form-control"
          value="{{ old('name', $recipe->name) }}"
          placeholder="e.g. Breakfast, Desserts, Drinks"
          required
        >
      </div>

      {{-- Actions --}}
      <div class="form-group mt-4">
        <button type="submit" class="btn btn-danger">
          <i class="material-icons left">check</i> Update Category
        </button>

        <a href="{{ route('recipes.index') }}"
           class="btn btn-secondary">
          Cancel
        </a>
      </div>

    </form>

  </div>
</div>
@endsection