@extends('Admin.components.layout')
@section('title')
    Education Add
@endsection
@section('subtitle')
    @if (isset($data))
        Edit Education
    @else
        Add Education
    @endif
@endsection
<style>
    .select2-container--default .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #1d8cd1;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
        color: black;
    }
</style>
@section('content')
    <div class="container-fluid">
        <div class="row mt-2">
            <div class="col-12">
                <div class="card  p-3">
                    <div class="card-body ">
                        @if ($message = Session::get('success'))
                            <div class="alert alert-success alert-block">
                                <strong>{{ $message }}</strong>
                            </div>
                        @endif
                        @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
                        <form action="{{ route('admin.education.store') }}" method="POST" name="eduform" id="eduform"
                            enctype="multipart/form-data">
                            {{ csrf_field() }}

                            <div class="box-body">
                                <select name="education" id="education" class="form-control">
                                    <option value="">--Please Select The First--</option>
                                    <option value="content">Content</option>
                                    <option value="video"> Video</option>
                                </select>
                            </div>
                            {{-- <div id="content" {{ !empty($data) && $data->type == 'content' ? '' : 'hidden' }}> --}}
                            <div id="content_div" class="box-body">
                                <div class="row">
                                    <div class="">
                                        <div class="form-group">
                                            <label for="website">Name English: </label>
                                            <input type="text" name="content_name" id="content_name"
                                                class="form-control">
                                        </div>
                                        <div class="form-group">
                                            <label for="website">Name Second Language: </label>
                                            <input type="text" name="content_name_welsh" id="content_name_welsh"
                                                class="form-control">
                                        </div>
                                        <div class="form-group">
                                            <label for="website">Sub Title English: </label>
                                            <input type="text" name="content_sub_title" id="content_sub_title"
                                                class="form-control">
                                        </div>
                                        <div class="form-group">
                                            <label for="website">Sub Title Second Language:</label>
                                            <input type="text" name="content_sub_title_welsh"
                                                id="content_sub_title_welsh" class="form-control">
                                        </div>
                                        <div class="form-group">
                                            <label for="website">Content English:</label>
                                            <textarea name="editor1" id="editor1"></textarea>
                                        </div>
                                        <div class="form-group">
                                            <label for="website">Content Second Language:</label>
                                            <textarea name="content_welsh" id="content_welsh"></textarea>
                                        </div>
                                        <div class="form-group">
                                            <label>Images</label>
                                            <input type="file" name="txtFile" id="txtFile" class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- <div id="content" {{ !empty($data) && $data->type == 'video' ? '' : 'hidden' }}> --}}
                            <div id="video_div" class="box-body">
                                <div class="row">
                                    <div class="">
                                        <div class="form-group">
                                            <label for="website">Name English: </label>
                                            <input type="text" name="video_name" id="video_name" class="form-control">
                                        </div>
                                        <div class="form-group">
                                            <label for="website">Name Second Language: </label>
                                            <input type="text" name="video_name_welsh" id="video_name_welsh"
                                                class="form-control">
                                        </div>

                                        <div class="form-group">
                                            <label for="website">Sub Title English: </label>
                                            <input type="text" name="video_sub_title" id="sub_title"
                                                class="form-control">
                                        </div>
                                        <div class="form-group">
                                            <label for="website">Sub Title Second Language: </label>
                                            <input type="text" name="video_sub_title_welsh" id="video_sub_title_welsh"
                                                class="form-control">
                                        </div>

                                        <div class="form-group" id="input_div">
                                            <label for="website">Id English: </label>&nbsp;&nbsp;<span
                                                style="color: red">(Input Only ID)</span>
                                            <input type="text" name="video_id" id="video_id" class="form-control"><br>
                                            <label for="website">Id Second Language: </label>&nbsp;&nbsp;<span
                                                style="color: red">(Input Only ID)</span>
                                            <input type="text" name="video_id_welsh" id="video_id_welsh"
                                                class="form-control">
                                        </div>
                                        <div class="form-group">
                                            <label for="website">Video Description English: </label>
                                            <textarea name="video_description" id="video_description" class="form-control" rows="10" cols="10"></textarea>
                                        </div>
                                        <div class="form-group">
                                            <label for="website">Video Description Second Language: </label>
                                            <textarea name="video_description_welsh" id="video_description_welsh" class="form-control" rows="10"
                                                cols="10"></textarea>

                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div id="common_div" class="box-body">
                                <div class="row">
                                    <div class="">
                                        <div class="form-group">
                                            <label for="website">Category</label>
                                            <select name="lstCategory" id="lstCategory" class="form-control">
                                                <option value="">--Select Category--</option>
                                                @foreach ($category as $keyC => $valueC)
                                                    <option value="{{ $valueC->id }}">{{ $valueC->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label for="website">Medication: </label>
                                            <select name="medication_category[]" id="medication_category"
                                                class="select2 form-control " multiple="multiple"
                                                data-placeholder="Please Select Medication">
                                                <option value="">--Select Medication--</option>
                                                @foreach ($medication as $keymedication => $vmedication)
                                                    <option value="{{ $vmedication->id }}">{{ $vmedication->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="form-group text-right">
                                            <button type="submit" class="btn btn-success"><i class="fa fa-plus">
                                                    Add</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>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script nonce="{{ $cspNonce }}" src="{{ asset(JS) }}/education/subadd.js"></script>
    <script nonce="{{ $cspNonce }}" type="text/javascript" src="{{ asset(CK) }}/customjs.js"></script>
    <script nonce="{{ $cspNonce }}">
        $(document).ready(function() {
            $('.select2').select2()
            var editor1 = ApplyCKEditor('editor1');
            var editor2 = ApplyCKEditor('content_welsh');
            var editor1 = ApplyCKEditor('video_description');
            var editor2 = ApplyCKEditor('video_description_welsh');
        });
    </script>
    <script nonce="{{ $cspNonce }}">
        $("#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