@extends('layouts.superAdmin')
@section('main-content')
<div class="breadcrumb">
    <h1>Category</h1>
    <ul>
        <li><a href="{{route('superAdmin.dashboard')}}">Home</a></li>
        <li><a href="{{route('superAdmin.dashboard')}}">Manage Dashboard</a></li>
        <li><a href="{{route('superAdmin.categories.index')}}">Categories</a></li>
        <li>Edit</li>
    </ul>
</div>
<div class="separator-breadcrumb border-top"></div>
<!-- end of row -->

<div class="row mb-4">
    <div class="col-md-6 mb-6">

        <div class="card text-left">
            <div class="card-body">
                <form method="POST" action="{{ route('superAdmin.categories.store') }}" class="ajaxSubmit" novalidate>
                    @csrf
                    <input type="hidden" name='id' value="{{$category->id}}">
                    <input type="hidden" name='action' value='modified'>
                    <div class="form-group row">
                        <label for="name" class="col-sm-3 col-form-label">Category Name</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="name" id="name" placeholder="Name" value="{{old('name',$category->name)}}" required>
                            <div class="invalid-feedback">
                                The category name field is required.
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputEmail3" class="col-sm-3 col-form-label">Parent Category</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="parent_id" name="parent_id">
                                <option value="">Select Parent Category</option>
                                @foreach($parent_caregories as $parentCategory)
                                <option value="{{ $parentCategory->id }}" {{ $parentCategory->id == $category->parent_id ? 'selected' : '' }} >{{ $parentCategory->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="" class="col-sm-3 col-form-label">Company</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="company_id" name="company_id">
                                <option value="">Select Company</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="" class="col-sm-3 col-form-label">Color</label>
                        <div class="col-sm-4">
                            <input type="color"  class="form-control" id="color" name="color"  value="{{old('color',$category->color)}}">
                        </div>
                    </div>
                    <div class="col-sm-9 offset-3">
                        <label for="" class="col-form-label">Private</label>
                        <div class="ul-form__radio-inline">
                            <label class=" ul-radio__position radio radio-primary form-check-inline">
                                <input type="radio" name="private" value="y" {{ $category->private == 'y' ? 'checked' : '' }}>
                                <span class="ul-form__radio-font">Yes</span>
                                <span class="checkmark"></span>
                            </label>
                            <label class="ul-radio__position radio radio-primary">
                                <input type="radio" name="private" value="n" {{ $category->private == 'n' ? 'checked' : '' }}>
                                <span class="ul-form__radio-font">No</span>
                                <span class="checkmark"></span>
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-9 offset-3">
                        <label for="" class="col-form-label">Enable</label>
                        <div class="ul-form__radio-inline">
                            <label class=" ul-radio__position radio radio-primary form-check-inline">
                                <input type="radio" name="enable" value="y" {{ $category->enable == 'y' ? 'checked' : '' }}>
                                <span class="ul-form__radio-font">Yes</span>
                                <span class="checkmark"></span>
                            </label>
                            <label class="ul-radio__position radio radio-primary">
                                <input type="radio" name="enable" value="n" {{ $category->enable == 'n' ? 'checked' : '' }}>
                                <span class="ul-form__radio-font">No</span>
                                <span class="checkmark"></span>
                            </label>
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-sm-10 offset-sm-3">
                            <button type="submit" class="btn btn-raised btn-primary m-1">Update</button>
                            <a href="{{ route('superAdmin.categories.index') }}"><button type="button" class="btn btn-raised btn-secondary m-1">Cancel</button></a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

</div>
<!-- end of row -->

@endsection
@section('bottom-js')
<!-- page script -->

<script>
    fromSubmit({formElement: ".ajaxSubmit", has_modal: "", reloadTable: ""});
</script>
@endsection