@extends('adminlte::page')

@section('title', isset($category) ? 'Edit Document Category' : 'Add Document Category')

@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6 col-6">
            <h1>{{ isset($category) ? 'Edit' : 'Add' }} Document Category</h1>
        </div>
    </div>
@stop

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card box-primary">
                <form role="form" enctype="multipart/form-data" method="POST" action="{{ isset($category) ? route('admin.services.document-categories.update', ['document_category'=>$category->id]) : route('admin.services.document-categories.store') }}" autocomplete="off">
                    @csrf
                    @if(isset($category))
                        @method('PUT')
                    @endif
                    <div class="card-body">
                        <div class="form-group">
                            <label>Category Name</label>
                            <input type="text" class="form-control" name="category_name" placeholder="Category Name" value="{{ old('category_name', $category->category_name ?? '') }}" required>
                        </div>
                        <div class="form-group">
                            <label>Category Note</label>
                            <textarea class="form-control" name="note" id="note">{{$category->note ?? ''}}</textarea>
                        </div>

                        <div class="form-group">
                            <label>Is Sub Category</label>
                            <select name="is_sub_category" class="form-control">
                                <option value="0" {{ old('is_sub_category', $category->is_sub_category ?? 0) == 0 ? 'selected' : '' }}>Category</option>
                                <option value="1" {{ old('is_sub_category', $category->is_sub_category ?? 0) == 1 ? 'selected' : '' }}>Subcategory</option>
                            </select>
                        </div>

                        <div class="form-group" id="parent_category" style="display: {{ old('is_sub_category', $category->is_sub_category ?? 0) == 1 ? 'block' : 'none' }}">
                            <label>Parent Category</label>
                            <select name="category_id" class="form-control">
                                <option value="">-- Select --</option>
                                @foreach($categories as $cat)
                                    <option value="{{ $cat->id }}" {{ old('category_id', $category->category_id ?? '') == $cat->id ? 'selected' : '' }}>{{ $cat->category_name }}</option>
                                @endforeach
                            </select>
                        </div>

                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@stop

@section('js')
<script>
    $(document).ready(function() {
        $('select[name="is_sub_category"]').change(function() {
            if ($(this).val() == 1) {
                $('#parent_category').show();
            } else {
                $('#parent_category').hide();
            }
        });
    });
</script>
@stop