@extends('admin.layout')

@section('style')
  @parent
  <link rel="stylesheet" href="{{ asset('css/admin/categories.css') }}">
@endsection

@section('title')
  Categories
@endsection

@section('content_title')
  Categories
@endsection

@section('main')
  <form action="/admin/categories" method="post">
    @csrf
    <input type="text" name="name" required>
    <input id="register_btn" type="submit" value="register">
  </form>

  <table>
    <thead>
      <th>id</th>
      <th>name</th>
      <th></th>
      <th></th>
    </thead>
    <tbody>
      @foreach($categories as $category)
        <tr>
          <td>{{ $category->id }}</td>
          <td>
            @if(Request::is('admin/categories/update') && Request::input('id') == $category->id)
              <input id="edited_category" type="text" value="{{ $category->name }}">
            @else
              {{ $category->name }}
            @endif
          </td>
          <td>
            @if(Request::is('admin/categories/update') && Request::input('id') == $category->id)
              <form name="update_form" action="/admin/categories" method="post">
                @method('put')
                @csrf
                <input type="hidden" name="id" value="{{ $category->id }}">
                <input id="update_btn" type="button" value="update" onclick="update_category()">
              </form>
            @else
              <form action="/admin/categories/update">
                <input type="hidden" name="id" value="{{ $category->id }}">
                <input class="edit_btn" type="submit" value="edit">
              </form>
            @endif
          </td>
          <td>
            <form action="/admin/categories" method="post">
              @method('delete')
              @csrf
              <input type="hidden" name="id" value="{{ $category->id }}">
              <input class="delete_btn" type="submit" value="delete">
            </form>
          </td>
        </tr>
      @endforeach
    </tbody>
  </table>
@endsection

@section('script')
  <script src="{{ asset('js/admin/categories.js') }}"></script>
@endsection