@extends('layouts.app')

@section('content')

<div class="col-lg-12">

    <div class="row">
        <div class="col-sm-12">
            <a href="{{route('general_settings.khadinews')}}" class="btn btn-rounded btn-info pull-right">{{translate('Manage Khadinews')}}</a>
        </div>
    </div>

   <br>
  

<div class="panel">
    <div class="panel-heading">
        <h3 class="panel-title">{{translate('Khadinews Information')}}</h3>
    </div>

    <!--Horizontal Form-->
    <!--===================================================-->
    <form class="form-horizontal" action="" method="POST" enctype="multipart/form-data">
            @csrf
            
        <div class="panel-body">
          
            
            <div class="form-group" id="category">
                <label class="col-lg-3">{{translate('Category')}}</label>
                <div class="col-lg-9">
                    <select class="form-control demo-select2-placeholder" name="category_id"
                            id="category_id" required>
                            <option value="">Select Category</option>
                            
                       
                            <option value="{{$khadinews->id}}">{{__($khadi_news->name)}}</option>
                       
                    </select>
                </div>
            </div>
            <div class="form-group" id="subcategory">
                <label class="col-lg-3">{{translate('Subcategory')}}</label>
                <div class="col-lg-9">
                    <select class="form-control demo-select2-placeholder" name="subcategory_id"
                            id="subcategory_id">

                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3" for="url">{{translate('URL')}}*</label>
                <div class="col-sm-9">
                    <input type="text" id="url" name="url" placeholder="http://example.com/" class="form-control" required>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3" for="url">{{translate('Image')}}<strong>(310px*310px)*</strong></label>
                    
                    <div class="col-sm-9">
                        <input type="file" id="banner" name="banner" class="form-control" required>
                    </div>
                </div>
            </div>
            <div class="panel-footer text-right">
            <button class="btn btn-purple" type="submit">{{translate('Save')}}</button>
        </div>
        </div>
        
    </form>
    <!--===================================================-->
    <!--End Horizontal Form-->

</div>
    </div>

@endsection
<style type="text/css">
        .select2-selection__choice[title="Weight"] .select2-selection__choice__remove {
            display: none;
        }
    </style>
@section('script')
<script type="text/javascript">
    $(document).ready(function () {
       
       
    });

       $('#category_id').on('change', function () {
            // alert('cc');
            get_subcategories_by_category();
        });

        function get_subcategories_by_category() {
            // alert('jj');
            var category_id = $('#category_id').val();
            $.post('{{ route('subcategories.get_subcategories_by_category') }}', {
                _token: '{{ csrf_token() }}',
                category_id: category_id
            }, function (data) {
                $('#subcategory_id').html(null);
                for (var i = 0; i < data.length; i++) {
                    $('#subcategory_id').append($('<option>', {
                        value: data[i].id,
                        text: data[i].name
                    }));
                    $('.demo-select2').select2();
                }
                get_subsubcategories_by_subcategory();
            });
        }

</script>
@endsection