@extends('layouts.admin')
@section('title', 'Category List')

@section('page-header')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h4 class="m-0">Category List</h4>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">
                            <a href="{{ route('dashboard') }}">Dashboard</a>
                        </li>
                        <li class="breadcrumb-item active">Category</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->
@endsection

{{-- main content --}}
@section('content')
    <div class="row">
        <div class="col-lg-8">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Category List</h4>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            {{-- category list --}}
                            <table class="table table-sm text-center" id="category">
                                <thead>
                                    <tr>
                                        <th>SL</th>
                                        <th>Name</th>
                                        <th>Slug</th>
                                        <th>Type</th>
                                        <th>Parent Category</th>
                                        <th>&nbsp;</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if ($categories->isNotEmpty())
                                        @foreach ($categories as $category)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $category->name }}</td>
                                                <td>{{ $category->slug ?? "N/A" }}</td>
                                                <td>
                                                    @if ($category->category_type == 0)
                                                        <span class="badge badge-dark">Product</span>
                                                    @elseif($category->category_type == 1)
                                                        <span class="badge badge-info">Resource</span>
                                                    @elseif($category->category_type == 2)
                                                        <span class="badge badge-info">Blog</span>
                                                    @elseif($category->category_type == 3)
                                                        <span class="badge badge-info">Career</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    {{ $category->parent_category->name ?? 'N/A' }}
                                                </td>
                                                <td>
                                                    {{-- action button group --}}
                                                    <div class="btn-group dropleft">
                                                        <button type="button"
                                                            class="btn btn-outline-dark btn-xs dropdown-toggle dropdown-icon"
                                                            data-toggle="dropdown">
                                                            Action <span class="sr-only">Toggle Dropdown</span>
                                                        </button>
                                                        <div class="dropdown-menu" role="menu">
                                                            <a class="dropdown-item show_btn"
                                                                href="{{ route('categories.index', ['category' => $category->id, 'sub' => true, 'type' => $category->category_type]) }}"><i
                                                                    class="fas fa-plus"></i> Sub Category</a>
                                                            <a class="dropdown-item"
                                                                href="{{ route('categories.index', ['category' => $category->id, 'edit' => true]) }}"><i
                                                                    class="fas fa-edit"></i> Edit</a>
                                                            <form id="delete-{{ $category->id }}"
                                                                action="{{ route('categories.destroy', ['category' => $category->id]) }}"
                                                                method="post">
                                                                @csrf @method('DELETE')
                                                            </form>
                                                            <button type="button" class="dropdown-item delete_btn"
                                                                data-id="{{ $category->id }}"><i class="fas fa-trash"></i>
                                                                Delete</button>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            {{-- create category form --}}
            @if (!$edit)
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title text-center">Create Category</h5>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('categories.store') }}" method="post">
                            @csrf
                            @if ($sub)
                                <input type="hidden" name="category_id" value="{{ $category_id }}">
                            @endif
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group">
                                        <label for="name">Category Name</label>
                                        <input type="text" name="name" id="name" placeholder="Name*"
                                            class="form-control" required />
                                    </div>
                                </div>
                                @if (is_null($type))
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label for="type">Category Type</label>
                                            <select name="category_type" id="type" class="form-control" required>
                                                <option value="" hidden>Select Category Type</option>
                                                <option value="0">Product</option>
                                                <option value="1">Resource</option>
                                                <option value="2">Blog</option>
                                                <option value="3">Career</option>
                                            </select>
                                        </div>
                                    </div>
                                @else
                                    <input type="hidden" name="category_type" value="{{ $type }}">
                                @endif
                            </div>
                            <div class="form-group">
                                <button type="submit" class="btn btn-dark">Save</button>
                            </div>
                        </form>
                    </div>
                </div>
            @endif

            {{-- end create category form --}}

            {{-- edit category form --}}
            @if ($edit)