@extends('components.layout')
@section('title')
    Education
@endsection
@section('subtitle')
    @if (isset($data))
        Edit Education
    @else
        Add Education
    @endif
@endsection
@section('content')
    <div class="container-fluid">
        <div class="row mt-2">
            <div class="col-12">
                <div class="card  p-3">
                    <div class="card-body ">
                        <form action="{{ route('admin.education.store') }}" method="POST" name="Eduform" id="Eduform"
                            onsubmit="return formValidation();">
                            {{ csrf_field() }}
                            @if (isset($data))
                                <input type="hidden" name="id" value="{{ $data->id }}">
                            @endif

                            <div class="mb-4">
                                <label class="form-label">Category:</label>
                                <select class="form-control" id="category" name="category">
                                    <option value="">Select Category</option>

                                    @foreach ($category as $cat)
                                        @if (!empty($data))
                                            <option value="{{ $cat->id }}"
                                                {{ $cat->id == $data->category_id ? 'selected' : '' }}>
                                                {{ $cat->category_name }}
                                            </option>
                                        @else
                                            <option value="{{ $cat->id }}">{{ $cat->category_name }}
                                            </option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-4">
                                <label class="form-label ">Title:</label>
                                <input type="text" class="form-control" id="exampleInputPassword1" name="title"
                                    @if (isset($data)) value="{{ $data->title }}" @endif>
                            </div>
                            <div class="mb-4">
                                <label for="exampleFormControlTextarea1" class="form-label">Description:</label>

                                <textarea class="form-control" name="description" id="description" cols="3" rows="13"
                                    style="font-family: 'Open Sans', sans-serif;">
                                    {!! isset($data) ? $data->description : '' !!}
                                </textarea>
                                <span id="descerr" class="errmsg text-danger" style="display: none">Please enter
                                    description</span>

                            </div>
                            <div class="mb-4">
                                <label class="form-label ">Vimeo Id:</label>
                                <input type="text" class="form-control" id="" name="vimeoId"
                                    @if (isset($data)) value="{{ $data->video_url }}" @endif>
                            </div>

                            <div class="mb-4 col-lg-6 col-md-6 col-5">
                                <label class="form-label mx-3">Type :</label>

                                <div class="form-check form-check-inline">
                                    @if (isset($data))
                                        <input class="form-check-input" type="radio" name="type" id="free"
                                            value="0"  @isset($data) {{ $data->type == 0 ? 'checked' : '' }} @endisset>
                                    @else
                                        <input class="form-check-input" type="radio" name="type" id="free"
                                            value="0" checked>
                                    @endif

                                    <label class="form-check-label" for="free">Free</label>
                                </div>
                                <div class="form-check form-check-inline">
                                    @if (isset($data))
                                        <input class="form-check-input" type="radio" name="type" id="paid"
                                            value="1"  @isset($data)  {{ $data->type == 1 ? 'checked' : '' }} @endisset>
                                    @else
                                        <input class="form-check-input" type="radio" name="type" id="paid"
                                            value="1">
                                    @endif
                                    <label class="form-check-label" for="paid">Paid</label>
                                </div>
                            </div>
                            <div class="mb-4">
                                <label class="form-label ">Pace per km/h:</label>
                                <input type="number" class="form-control" id="" name="pace"
                                    @if (isset($data)) value="{{ $data->pace }}" @endif>
                            </div>


                            <div class="mb-4">
                                <label class="form-label">Track Type:</label>
                                <select class="form-control" id="trackType" name="trackType">
                                    <option value="">Select Track Type</option>
                                    @foreach ($Tracktype as $type)
                                        @if (isset($data))
                                            <option value="{{ $type->id }}"

                                                {{ $type->id == $data->track_type ? 'selected' : '' }} >
                                                {{ $type->name }}
                                            </option>
                                        @else
                                            <option value="{{ $type->id }}">{{ $type->name }}
                                            </option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                            {{-- <div class="mb-4">
                                <label class="form-label ">File Size:</label>
                                <input type="text" class="form-control" id="" name="filesize">
                            </div> --}}
                            <x-submit-btn />
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script nonce="{{$cspNonce}}">
        let platform = "";
        let description = "";

        function formValidation() {

            let is_success = false;
            let error = 0;
            let is_checked = 0;
            let is_selected = 0;
            description = document.querySelector('iframe').contentWindow.document.body;

            if (description.innerHTML == '<br>' || description.innerHTML == '<p><br></p>') {
                error = 1;
                $('#descerr').css('display', 'block');
            } else {
                $('#descerr').css('display', 'none');
            }
            //final check
            if (error == 0) {
                is_success = true;
            }
            if (is_success) {
                return true;
            } else {
                return false;
            }
        }
    </script>
    <script nonce="{{$cspNonce}}">
        var editor = CKEDITOR.replace('description', {
            extraPlugins: 'font',
            height: 200,

        });
    </script>
    {!! JsValidator::formRequest('App\Http\Requests\EducationRequest', '#Eduform') !!}
@endsection