@extends('admin.layouts.master')

@section('title','career Page')

@section('content')

    <div class="container-fluid">
        <div class="row justify-content-center p-10 m-t-15">
            <div class="col-12">
              <form class="leadForm_wizard" action="{{$career->id > 0 ? route('admin.careers.update', $career) : route('admin.careers.store')}}" method="POST" enctype="multipart/form-data">
                    @csrf
                  @if($career->id > 0)
                    @method('PUT')
                  @endif
                    <h4>Form inputs</h4>
                    {{-- <div class="col-6 form-group">
                        <select class="" name="is_special" id="special" >
                            <option value="1"> special</option>
                            <option value="0"> not special</option>
                        </select>

                    </div> --}}
                    @if($weCreate)
                    <div class="col-6 form-group">
                        <select class="" name="is_special" id="special" >
                            <option value="1"> special</option>
                            <option value="0" selected> not special</option>
                        </select>

                    </div>
                    @else
                    <select class="" name="is_special" id="special" hidden>
                        <option value="1"> special</option>
                        <option value="0"> not special</option>
                    </select>
                    @endif
                    <div class="row">
                        <div class="col-6 form-group">
                            <label for="title_ar">Arabic Title</label>
                            <input type="text" name="title_ar" class="form-control" id="title_ar" value="" placeholder="Arabic Title">
                        </div>
                        <div class="col-6 form-group">
                            <label for="title_en">English Title</label>
                            <input type="text" name="title_en" class="form-control" id="title_en" value="" placeholder="English Title">
                        </div>
                    </div>


                    <div class="row">
                    <div class="col-6 form-group">
                        <label for="desc_ar">Arabic Description</label>
                        <textarea class="form-control ckeditor" name="desc_ar" id="content_ar" rows="7"></textarea>
                    </div>
                    <div class="col-6 form-group">
                        <label for="desc_en">English Description</label>
                        <textarea class="form-control ckeditor" name="desc_en" id="content_en" rows="7"></textarea>
                    </div>
                    </div>
                    <div class="row">
                    <div class="col-6 form-group">
                        <label for="status">select Icon</label>
                        <select class="" id="status" name="status">
                            <option value="1">Active</option>
                            <option value="0">DisActive</option>
                        </select>
                    </div>
                    <div class="col-6 form-group">
                        <label for="status">Department</label>
                        <select class="" id="department_id" name="department_id">
                            @foreach ($departments as $department)
                            <option value="{{$department->id}}">{{$department->name_en}}</option>
                            @endforeach
                        </select>
                    </div>
                    </div>

{{--                    @seoForm($career)--}}

                  <button type="submit" class="btn btn-primary">Save</button>
            </form>
        </div>
    </div>
</div>
{{-- </div> --}}
@endsection

@section('js')

    @if(count($errors))
        @include('admin.layouts.js.old')
    @endif

    @isset($career)
        @include('admin.layouts.js.values', ['values' => $career] )
    @endisset


    <script type="text/javascript">

      CKEDITOR.replace( 'content_en', {
        language: 'en',
        autoParagraph : false,
        uiColor: '#9AB8F3',
        disallowedContent:'pre'
      });
      // CKEDITOR.replace( 'content_en');
      CKEDITOR.replace('content_ar', {
        language: 'en',
        autoParagraph : false,
        uiColor: '#9AB8F3',
        disallowedContent:'pre'
      });


        // $("#special").bootstrapToggle('off');
        // ClassicEditor.create(document.querySelector('#editor1')).catch(error=>{console.error(error);});
        // ClassicEditor.create(document.querySelector('#editor2')).catch(error=>{console.error(error);});

        // import SimpleUploadAdapter from '@ckeditor/ckeditor5-upload/src/adapters/simpleuploadadapter';
        var value =$("#special").val();
        if(value == '1'){

        }

        $("#special").on('change',function(){
            var value =$("#special").val();
            console.log(value);
            if ( value == '1') {


                $(document).ready(function () {



       });
       $(document).ready(function () {

       });


                console.log(value);
            }else{
                // location.reload();
            }

        });
        ClassicEditor.create( document.querySelector( '#editor1' ), {

          toolbar: ['ckfinder', 'imageUpload', 'heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote'],
          ckfinder: {
            tokenUrl: '{{url("/api")}}',
            uploadUrl: '{{url("dashboard/careers/image/uploud")}}',
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}

          }});
        ClassicEditor.create( document.querySelector( '#editor2' ), {

          toolbar: ['ckfinder', 'imageUpload', 'heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote'],
          ckfinder: {
            tokenUrl: '{{url("/api")}}',
            uploadUrl: '{{url("dashboard/careers/image/uploud")}}',
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}

          }});


    </script>


@endsection