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

<div class="row mb-none-30">
    <div class="col-lg-12 mb-30">
        <div class="card">
            <div class="card-body">
                <form action="{{route('product-category.update' , $category->id)}}" method="POST" enctype="multipart/form-data" class="needs-validation" novalidate id="productcategoryform">
                    @csrf
               @method('PATCH')
                    <div class="row"> 
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="name" class="font-weight-bold">@lang('Category Name')</label>
                                <input type="text" name="name" id="name"  class="form-control" value="{{$category->name}}" placeholder="@lang('Enter category name')" required>
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div class="form-group d-flex gap-2 mt-4">
                                <input type="checkbox" name="sub" id="subcategory" {{ $category->parent_id != 0 ? 'checked' : '' }} />
                                <label for="subcategory" class="font-weight-bold">@lang('Click To Make Sub Longcases Category')</label>
                            </div>
                        </div>

                        <div class="col-lg-6 @if($category->parent_id == 0) d-none @endif catdropdown">
                            <div class="form-group">
                                <label for="parent_id" class="font-weight-bold">@lang('Select Parent Category (Longcases Category)')</label>
                               <select class="form-control" name="parent_id">
                                <option value="0" @if($category->parent_id == 0) selected @endif>@lang('Select Category')</option>
                                @if(!empty($categories))
                                @foreach ($categories as $cat)
                                    <option value="{{$cat->id}}" @if($category->parent_id == $cat->id) selected @endif>{{$cat->name}}</option>
                                @endforeach
                                @endif
                               </select>
                            </div>
                        </div> 

 
                       
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="status" class="font-weight-bold">@lang('Status')</label>
                                <select class="form-control" name="status">
                                    <option value="" disabled>Select status</option>
                                    <option value="1" {{ $category->status == 1 ? 'selected' : '' }}>Active</option>
                                    <option value="0" {{ $category->status == 0 ? 'selected' : '' }}>In-Active</option>
                                </select>
                            </div>
                        </div>
                       
                        
                        
                       
                        <div class="col-lg-12 ">
                            <div class="form-group float-end">
                                <button type="submit" class="btn btn--primary btn-block btn-lg"> @lang('Update')</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection

@push('breadcrumb-plugins')
<div class="d-flex justify-content-between align-items-center">
    <h3>@lang('Dashboard / Edit Product Category')</h3>
<a href="{{route('product-category.index')}}" class="btn btn-sm btn--primary box--shadow1 text--small"><i class="las la-angle-double-left"></i>@lang('Go Back')</a>
@endpush


@push('style')
<style>
    .ck-placeholder{
        height: 190px !important;
    }
    label {
        color: black !important;
    }

</style>
@endpush 
@push('script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/3.4.0/js/bootstrap-colorpicker.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/3.4.0/css/bootstrap-colorpicker.css" />
<script>
$(function() {
    $('.cp4').colorpicker();
});
</script>
@endpush

@push('script')
<script>
     $(document).ready(function() {
        $(document).on('submit', '#productcategoryform', function(e) {
            e.preventDefault();
            $('#productcategoryform').addClass('was-validated');
            if ($('#productcategoryform')[0].checkValidity() === false) {
                event.stopPropagation();
            } else {
                this.submit();
            }
        });

    });
    $(document).ready(function() { 
    $('#subcategory').change(function() {
        if ($(this).is(':checked')) {
            $('label[for="name"]').text('@lang("Sub-Video Category")');
            $('.catdropdown').removeClass('d-none');
        } else {
            $('label[for="name"]').text('@lang("Category Name")');
            $('.catdropdown').addClass('d-none');
        }
    });
});
    </script>

@endpush