@extends('panel.layouts.layout')
@section('content')
        <!-- =====================================
            ==== Start settings  -->
            <br>
            <section class="settings">
                <div class="container-fluid">
                 <div class="row">
                    <div class="col-md-11">
                        <div class="wel-text">
                            <div class="path">
                             <ul>
                                <a href="{{ url('admin/home') }}">@lang('home.home')</a>
                                <span>/</span>
                                <a href="{{ URL::to('admin/courses') }}"><i class="icon-home2 position-left"></i> @lang('home.courses')</a>
                                <span>/</span>
                                @lang('home.update_info')
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-md-1">
                    <div class="dropdown">
                      <button class="btn btn-defualt dropdown-toggle" type="button" data-toggle="dropdown">@lang('home.links')
                          <span class="caret"></span></button>
                          <ul class="dropdown-menu" style="padding: 10px">
                            <li  style="padding: 10px"><a href="{{ URL::to('ar/admin/setting') }}"><i class="icon-gear"></i>@lang('home.general_settings')</a></li>
                            <li  style="padding: 5px"><a href="{{ URL::to('ar/admin/reports_browsing') }}"><i class="icon-copy"></i> @lang('home.full_report')</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12 col-md-6">
                    <div class="item">
                        <div class="head">
                            <h5> @lang('home.update_info')</h5>
                        </div>
                        <form class="form-horizontal form-validate-jquery" method="post" action="{{ @route('courses.update',$course) }}" enctype='multipart/form-data'  >
                            <input name="_method" type="hidden" value="PUT">
                            <input name="use" type="hidden" value="{{@$course->id}}">

                                @if ($errors->any())
                                @foreach ($errors->all() as $error)
                                <div class="alert alert-danger alert-dismissible">
                                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{{ $error }}
                                </div>
                                @endforeach
                                @endif
                                @if(Session::has('success'))
                                <div class="alert alert-success alert-dismissible">
                                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{{ Session::get('success') }}
                                </div>
                                @endif
                                @csrf

                                <!-- choose category input -->
                                <div class="form-group" id="main_category">
                                    <label class="control-label col-lg-3">@lang('home.categories') <span class="text-danger" title="@lang('home.required')">*</span></label>
                                    <div class="col-lg-12"> 
                                        <select  class="form-control" id="maincategory" >
                                            <option value="">@lang('home.select_one')</option>
                                             <option value="{{@$course->category->parent->id}}" 
                                                 selected="">
                                                {{@$course->category->parent->category_translation->name}}
                                            </option>

                                            @foreach($departments as $department)
                                            @if($department->id != @$course->category->parent->id )
                                            <option value="{{@$department->id}}" 
                                                 >
                                                {{@$department->category_translation->name}}
                                            </option>
                                            @endif
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="form-group" id="">
                                    <label class="control-label col-lg-3">@lang('home.subcategories') <span class="text-danger" title="@lang('home.required')">*</span></label>
                                    <div class="col-lg-12"> 
                                        <select name="category_id" class="form-control" id="subcategory" >
                                            <option value="{{@$course->category->id}}" 
                                              
                                                selected 
                                                 >
                                                {{@$course->category->category_translation->name}}
                                            </option>
                                        </select>
                                    </div>
                                </div>
                            @include('panel.courses.form')

                            <button type="submit" class="btn btn-primary">@lang('home.save') <i class="icon-arrow-left13 position-right"></i></button>

                        </form>
                    </div>
                </div>
                
            </div>
        </div>
    </section>
@stop
@section('jsCode')
<script type="text/javascript">
    $('#maincategory').change(function () {
        var  selector = $('#maincategory').val();
        // var selector = $(this);
        $.ajax({
        url:'{{ URL::to('/') }}/api/categroy/'+selector,
        dataType: 'json',
        success: function(data) {
            $('#subcategory').empty();
            var i;
            for (i = 0; i < data.data.length; i++) { 
              console.log(data.data[i].id);
              $('#subcategory').append('<option value="'+data.data[i].id+'">'+data.data[i].translation.name+'</option>');
            }
          }
      });
    
    });
</script>
@stop