@extends('admin.layouts.app')
@section('content')

<div class="container py-4">
    <div class="row g-4">
        <!-- Left Side: Blog Post Form -->
        <div class="col-md-12">
            <div class="bg-white p-4 rounded shadow-sm border">
                <div class="row">
                    <div class="col-md-12">
                        <h4 class="h4 mb-4 text-dark">
                            {{ isset($categories) ? 'Edit Category' : 'Add Category' }}
                        </h4>
                        <form class="needs-validation" method="post" action="{{isset($categories) ? route('update_category', $categories->id) :  route('store_category') }}" enctype="multipart/form-data">
                            @csrf

                            @isset($categories)
                                @method('PUT')
                            @endisset
                            <div class="row">
                                <div class="col-md-6">
                                    <!-- Category Name -->
                                    <div class="mb-3">
                                        <label for="name" class="form-label">Category Name</label>
                                        <input type="text" id="category_name" name="category_name" class="form-control @error('category_name') is-invalid @enderror" placeholder="Enter Category Name" value="{{ old('category_name',isset($categories) ? $categories->category_name : '' )}}">

                                        @error('category_name')
                                        <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <!-- Category Status -->
                                    <div class="mb-3">
                                        <label for="category_status" class="form-label">Category Status</label>
                                        <select id="category_status" name="category_status" class="form-control @error('category_status') is-invalid @enderror">
                                            @isset($categories)
                                            <option value="1" {{ isset($categories) && $categories->category_status == "1" ? 'selected' : '' }}>Active</option>
                                            <option value="0" {{ isset($categories) && $categories->category_status == "0" ? 'selected' : '' }}>Inactive</option>
                                            @else
                                                <option value="">Choose Category Status</option>
                                                <option value="1">Active</option>
                                                <option value="0">Inactive</option>
                                            @endisset

                                        </select>

                                        @error('category_status')
                                        <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <!-- Parent Category -->
                                    <div class="mb-3">
                                        <label for="parent_id" class="form-label">Parent Category</label>
                                        <select id="parent_id" name="parent_id" class="form-control">
                                        <option value="">-- None --</option>
                                        @foreach($parents as $id => $name)
                                            <option value="{{ $id }}" {{ old('parent_id', $categories->parent_id ?? '') == $id ? 'selected' : '' }}>
                                            {{ $name }}
                                            </option>
                                        @endforeach
                                        </select>
                                    </div>

                                    <!-- Priority -->
                                    <div class="mb-3">
                                        <label for="category_status" class="form-label">Priority</label>
                                        <select id="priority" name="priority" class="form-control @error('priority') is-invalid @enderror">
                                            @isset($categories)
                                                <option value="0" {{ isset($categories) && $categories->priority == "0" ? 'selected' : '' }}>0</option>
                                                <option value="1" {{ isset($categories) && $categories->priority == "1" ? 'selected' : '' }}>1</option>
                                                <option value="2" {{ isset($categories) && $categories->priority == "2" ? 'selected' : '' }}>2</option>
                                                <option value="3" {{ isset($categories) && $categories->priority == "3" ? 'selected' : '' }}>3</option>
                                                <option value="4" {{ isset($categories) && $categories->priority == "4" ? 'selected' : '' }}>4</option>
                                                <option value="5" {{ isset($categories) && $categories->priority == "5" ? 'selected' : '' }}>5</option>
                                                <option value="6" {{ isset($categories) && $categories->priority == "6" ? 'selected' : '' }}>6</option>
                                                <option value="7" {{ isset($categories) && $categories->priority == "7" ? 'selected' : '' }}>7</option>
                                                <option value="8" {{ isset($categories) && $categories->priority == "8" ? 'selected' : '' }}>8</option>
                                                <option value="9" {{ isset($categories) && $categories->priority == "9" ? 'selected' : '' }}>9</option>
                                                <option value="10" {{ isset($categories) && $categories->priority == "10" ? 'selected' : '' }}>10</option>
                                            @else
                                                <option value="">Choose Priority</option>
                                                <option value="0">0</option>
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                                <option value="7">7</option>
                                                <option value="8">8</option>
                                                <option value="9">9</option>
                                                <option value="10">10</option>
                                            @endisset
                                            
                                        </select>

                                        @error('priority')
                                        <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                
                            </div>

                            <!-- Submit -->
                            <button class="btn btn-{{ isset($categories) ? 'primary' : 'success' }}">
                                {{ isset($categories) ? 'Update' : 'Create' }}
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- Right Side: Category List -->
        <div class="col-md-12">
            <div class="card mb-4 mt-4">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <h3 class="card-title">Category List</h3>
                    </div>
                </div> <!-- /.card-header -->
                <div class="card-body p-0">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th class="text-center" style="width: 20px">#</th>
                                <th class="text-center">Category Name</th>
                                <th class="text-center">Priority</th>
                                <th class="text-center">Category Status</th>
                                <th class="text-center">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                           @foreach ($category as $key=>$cat)
                            <tr class="align-middle">
                                <td class="text-center">{{$key+1}}</td>
                                <td class="text-center">{{$cat->category_name}}</td>
                                <td class="text-center">{{$cat->priority}}</td>
                                <td class="text-center">
                                    @if($cat->category_status == 1)
                                    <span class="badge bg-success">Active</span>
                                    @else
                                    <span class="badge bg-warning text-dark">Inactive</span>
                                    @endif
                                </td>
                                <td class="text-center">
                                    <a href="{{route('edit_category',$cat->id)}}" class="btn btn-sm btn-warning">Edit</a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div> <!-- /.card-body -->
            </div> <!-- /.card -->
        </div>
    </div>
</div>

@endsection