@extends('admin.layouts.app')
@section('content')
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                Education Category
                <small>it all here</small>
            </h1>
            <ol class="breadcrumb">
                <li><a><i class="fa fa-dashboard"></i> Home</a></li>
                <li class="active">Education Category</li>
                <li class="active">Edit</li>
            </ol>
        </section>
        <!-- Main content -->
        <section class="content">
            <!-- Default box -->
            <div class="box">
                <div class="box-header with-border">
                    <h4>Education Category</h4>
                    @if ($errors->any())
                        <div class="row">
                            <div class="col-sm-6 col-sm-offset-3">
                                {!! implode('', $errors->all('<div class="alert alert-danger">:message</div>')) !!}
                            </div>
                        </div>
                    @endif
                </div>
                <form action="{{ route('admin.education.category.update', encryptValuebase($category->id)) }}" method="get"
                    enctype="multipart/form-data" id="form">
                    {{ csrf_field() }}
                    <div id="content_div" class="box-body">
                        <div class="row">
                            <div class="col-sm-8 col-sm-offset-2">
                                <div class="form-group">
                                    <label for="website">Name In English: </label>
                                    <input type="text" name="education_cat_name_english" id="education_cat_name_english"
                                        class="form-control" value="{{ $category->name }}">
                                </div>
                                <div class="form-group">
                                    <label for="website">Name In Welsh: </label>
                                    <input type="text" name="education_cat_name_welsh" id="education_cat_name_welsh"
                                        class="form-control" value="{{ $category->name_welsh }}">
                                </div>
                                <div class="form-group text-right">
                                    <button type="submit" class="btn btn-success"><i class="fa fa-plus">
                                            Update</i></button>
                                    <a class="btn btn-danger" href="{{ route('admin.education.list') }}"><i
                                            class="fa fa-times"> Cancel</i></a>
                                </div>
                            </div>
                        </div>
                    </div>





                </form>
            </div>
        </section>
    </div>
@endsection
@section('js')
    <script nonce="{{ $cspNonce }}" type="text/javascript" src="{{ asset('admin_assets') }}/customjs.js"></script>
    <script nonce="{{ $cspNonce }}" type="text/javascript" src="{{ asset('asset') }}/js/education/catadd.js"></script>
    <script nonce="{{ $cspNonce }}">
    
        $(document).ready(function() {
                    $('.select2').select2()
                    
                    
            CKEDITOR.replace('editor1');
            
            // drop down event
            $("#content_div").hide();
            $("#video_div").hide();
            $("#common_div").hide();
            $("#input_div").hide();
            $("#video_div").hide();
            
            $("#education").change(function() {
                $("#common_div").show();
                var DropDownVal = $('#education').find(":selected").val();
                if(DropDownVal==""){
                   //alert("Please Select The Education Option");
                     $("#content_div").hide();
                     $("#video_div").hide();
                     $("#common_div").hide();
                }else if(DropDownVal=="content"){
                    $("#video_div").hide();
                    $("#common_show").show();
                    $("#content_div").show();
                    
                    
                }else if(DropDownVal=="video"){
                    $("#content_div").hide();
                    $("#video_div").show();
                    $("#common_show").show();
                }
            });
            
            $("#video_type").change(function() {
                 var val = $('#video_type').find(":selected").val();
                 if(val=="Y_id" || val=="W_id" ){
                    $("#input_div").show();
                    $("#v_div").hide();
                 }else if(val=="video"){
                     $("#v_div").show();
                     $("#input_div").hide();
                 }
                
            });
            
            
        });
    </script>
@endsection