@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.update', $id) }}" method="POST" name="eduform" id="eduform"
                            enctype="multipart/form-data">
                            {{ csrf_field() }}
                            @if (isset($data))
                                <input type="hidden" name='id' id='id'
                                    value="{{ !empty($data) ? $data->id : ' ' }}">
                            @endif
                            {{-- {{pre($data)}} --}}
                            @if ($data->type == 'video')
                                <input type="hidden" name="typesof" value="{{ $data->type }}">
                                <div id="video_div" class="box-body">
                                    <div class="row">
                                        <div class=" col-sm-offset-2">
                                            <div class="form-group">
                                                <label for="website">Name in English: </label>
                                                <input type="text" name="video_name" id="content_name"
                                                    value="{{ $data->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" value="{{ $data->name_welsh }}">
                                            </div>
                                            <div class="form-group">
                                                <label for="website">Sub Title: </label>
                                                <input type="text" name="video_sub_title" id="sub_title"
                                                    class="form-control" value="{{ $data->sub_title }}">
                                            </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"
                                                    value="{{ $data->sub_title_welsh }}">
                                            </div>
                                            <div class="form-group">
                                                <label for="website">Select Video Type</label>
                                                <select name="video_type" id="video_type" class="form-control">
                                                    <option value="">--Select Video Type--</option>
                                                    <option value="wistia"
                                                        @if ($data->video_type == 'wistia') selected @endif>Wistia Video
                                                    </option>
                                                </select>
                                            </div>
                                            <div class="form-group" id="v_div"
                                                @if ($data->video_type != 'video') hidden="" @endif>
                                                <label for="website">Video English: </label>
                                                <input type="file" name="video_url" id="video_url"
                                                    class="form-control"><br>
                                                <label for="website">Video Second Language: </label>
                                                <input type="file" name="video_url_welsh" id="video_url_welsh"
                                                    class="form-control">
                                            </div>
                                            <div class="form-group" id="input_div"
                                                @if ($data->video_type == 'video') hidden="" @endif>

                                                <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"
                                                    value="{{ $data->video_url }}"><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" value="{{ $data->video_url_welsh }}">
                                            </div>

                                            <div class="form-group">
                                                <label for="website">Video Description: </label>
                                                <textarea name="video_description" id="video_description" class="form-control" rows="10" cols="10">{!! $data->description !!}</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">{!! $data->description_welsh !!}</textarea>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @else
                                <input type="hidden" name="typesof" value="{{ $data->type }}">
                                <div id="content_div" class="box-body">
                                    <div class="row">
                                        <div class=" col-sm-offset-2">
                                            <div class="form-group">
                                                <label for="website">Name English: </label>
                                                <input type="text" name="content_name" id="content_name"
                                                    value="{{ $data->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" value="{{ $data->name_welsh }}">
                                            </div>
                                            <div class="form-group">
                                                <label for="website">Sub Title English: </label>
                                                <input type="text" name="content_sub_title" id="content_sub_title"
                                                    value="{{ $data->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"
                                                    value="{{ $data->sub_title_welsh }}">
                                            </div>
                                            <div class="form-group">
                                                <label for="website">Content English</label>
                                                <textarea name="editor1" id="editor1">{!! $data->description !!}</textarea>
                                            </div>
                                            <div class="form-group">
                                                <label for="website">Content Second Language:</label>
                                                <textarea name="content_welsh" id="content_welsh">{!! $data->description_welsh !!}</textarea>
                                            </div>
                                            <div class="form-group" id="v_div">
                                                <label for="website">Image: </label>
                                                <input type="file" name="image_url" id="image_url"
                                                    class="form-control" accept="image/*">
                                            </div>
                                            <div class="row">
                                                <div class="col-md-3 col-sm-6 col-xs-12">
                                                    <img src="{{ s3Url('uploads') }}/Education/thumb/{{ $data->video_thumb }}"
                                                        height="120" width="120" />
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            @endif
                            @php
                                $medicationArray = explode(',', $data->medication);
                            @endphp
                            <div id="common_div" class="box-body">
                                <div class="row">
                                    <div class=" col-sm-offset-2">
                                        <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 }}"
                                                        @if ($data->education_category_id == $valueC->id) selected @endif>
                                                        {{ $valueC->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label for="website">Medication: </label>
                                            <select name="medication_category[]" id="medication_category"
                                                class="form-control select2" multiple="multiple"
                                                data-placeholder="Please Select Medication">
                                                <option value="">--Select Medication--</option>
                                                @foreach ($medication as $keymedication => $vmedication)
                                                    <option value="{{ $vmedication->id }}"
                                                        @if (in_array($vmedication->id, $medicationArray)) selected="selected" @endif>
                                                        {{ $vmedication->name }}</option>
                                                @endforeach
                                            </select>
                                        </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>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script nonce="{{ $cspNonce }}" src="{{ asset(JS) }}/education/editsubadd.js"></script>
    <script nonce="{{ $cspNonce }}" type="text/javascript" src="{{ asset(CK) }}/customjs.js"></script>

    <script nonce="{{ $cspNonce }}">
        $(document).ready(function() {
            $('.select2').select2()
                            //ApplyCKEditor('editor1');
                var editor = ApplyCKEditor('editor1');
                var content_welsh = ApplyCKEditor('content_welsh');
            
            $("#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();
                }
            });

            $(".video-play").on('click', function(e) {
                e.preventDefault();
                var vidWrap = $(this).parent(),
                    iframe = vidWrap.find('.video iframe'),
                    iframeSrc = iframe.attr('src'),
                    iframePlay = iframeSrc += "?autoplay=1";
                vidWrap.children('.video-thumbnail').fadeOut();
                vidWrap.children('.video-play').fadeOut();
                vidWrap.find('.video iframe').attr('src', iframePlay);

            });
        });
    </script>
@endsection