@extends("admin.admin_app")
@section("content")
<!-- Page Header -->
<div class="content bg-gray-lighter">
    <div class="row items-push">
        <div class="col-sm-7">
            <h1 class="page-heading">

                {{ isset($subcat->id) ? trans('Edit Sublist Category') : trans('Add Sublist Category') }}
            </h1>
        </div>
        <div class="col-sm-5 text-right hidden-xs">
            <ol class="breadcrumb push-10-t">
                <li><a href="{{ URL::to('admin/listingsCategories') }}">{{trans('Sublist Categories')}}</a></li>
                <li><a class="link-effect" href="">{{ isset($subcat->id) ? trans('Edit Sublist Category') : trans('Add Sublist Category') }}</a></li>
            </ol>
        </div>
    </div>
</div>
<!-- END Page Header -->
<!-- Page Content -->
<div class="content content-boxed">
    <div class="row">
        <div class="col-sm-12 col-lg-12">
            <div class="block">
                <div class="block-content block-content-narrow">
                    @if (count($errors) > 0)
                    <div class="alert alert-danger">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                    @if(Session::has('flash_message'))
                    <div class="alert alert-success">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span></button>
                            {{ Session::get('flash_message') }}
                        </div>
                        @endif
                        {!! Form::open(array('url' => array('admin/listingsCategories/addsubcategory'),'class'=>'form-horizontal padding-15','name'=>'category_form','id'=>'category_form','role'=>'form','enctype' => 'multipart/form-data')) !!}
                        <input type="hidden" name="id" value="{{ isset($subcat->id) ? $subcat->id : null }}">

                        <div class="form-group">
                            <label for="" class="col-sm-3 control-label">{{trans('words.category')}}</label>

                            <div class="col-sm-9">
                                <select id="category" name="category" class="select-picker form-control" data-width="100%" data-live-search="true" required>
                                    <option value="">{{trans('words.select_category')}}</option>
                                    @foreach($categories as $i => $category)
                                    @if(isset($subcat->category_id) && $subcat->category_id==$category->id)
                                    <option value="{{$category->id}}" selected >{{$category->category_name}}</option>

                                    @else
                                    <option value="{{$category->id}}">{{$category->category_name}}</option>
                                    @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>




                        <div class="form-group">
                            <label for="" class="col-sm-3 control-label">{{trans('words.sub_category')}}</label>

                            <div class="col-sm-9">
                                <select id="sub_category" name="sub_category" class="select-picker  form-control" data-width="100%" data-live-search="true" required>
                                    <option value="">{{trans('words.select_sub_category')}}</option>
                                    @if(isset($subcat->subcat_id))
                                    @foreach($subcategories as $i => $subcategory)
                                    @if($subcat->subcat_id==$subcategory->id)
                                    <option value="{{$subcategory->id}}" selected >{{$subcategory->sub_category_name}}</option>

                                    @else
                                    <option value="{{$subcategory->id}}" >{{$subcategory->sub_category_name}}</option>
                                    @endif
                                    @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="" class="col-sm-3 control-label">{{trans('Sublist Category Name')}}</label>
                            <div class="col-sm-9">
                                <input type="text" name="sub_category_name" value="{{ isset($subcat->category_name) ? $subcat->category_name : null }}" class="form-control">
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="" class="col-sm-3 control-label">{{trans('Sublist Category Slug')}}</label>
                            <div class="col-sm-9">
                                <input type="text" name="sub_category_slug" value="{{ isset($subcat->category_slug) ? $subcat->category_slug : null }}" class="form-control">
                            </div>
                        </div>

                        <hr>
                        <div class="form-group">
                            <div class="col-md-offset-3 col-sm-9 ">
                                <button type="submit" class="btn btn-primary">{{trans('words.save')}}</button>

                            </div>
                        </div>

                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END Page Content -->
@endsection
@section('scripts')
<script type="text/javascript">
    $(document).ready(function() {
        $('#category').on('change', function() {
            var cat = $(this).val();
            if (cat) {
                $.ajax({
                    type: "GET",
                    url: "{{ url('admin/ajax_listingsCategories') }}/" + cat,
                    success: function(result) {
                        $('#sub_category').html(result).selectpicker('refresh');
                    },
                    error: function(xhr) {
                        console.error("AJAX error:", xhr.responseText);
                    }
                });
            }
        });
    });
</script>
@endsection