@csrf
<style>
.ck-editor__editable_inline {
    min-height: 250px;
}
</style>
<h1>العربية</h1>
<div class="form-group">
    <label class="form-control-label" for="head_ar">{{ __('Head Line Arabic') }}</label>
    <input  type="text" name="head_ar" id="head_ar" class="form-control form-control-alternative" 
    required value="@if(isset($service)){{$service->head_ar}}@endif">
</div>
<div class="form-group">
    <label  class="form-control-label" for="desc_ar">{{ __('Description Arabic') }}</label>
    <textarea id="editor3" type="text" name="desc_ar" id="desc_ar" class="form-control" rows="500"
    >@if(isset($service)){!! html_entity_decode($service->desc_ar) !!}@endif</textarea>
</div>
<div class="form-group">
    <label class="form-control-label" for="details_ar">{{ __('Details Arabic') }}</label>
    <textarea id="editor5" type="text" name="details_ar" id="details_ar" class="form-control form-control-alternative" 
        >@if(isset($service)){!! html_entity_decode($service->details_ar) !!}@endif</textarea>
</div>

<h1>English</h1>
<div class="form-group">
    <label class="form-control-label" for="head_en">{{ __('Head Line English') }}</label>
    <input  type="text" name="head_en" id="head_en" class="form-control form-control-alternative" 
        value="@if(isset($service)){{$service->head_en}}@endif">
</div>

<div class="form-group">
    <label class="form-control-label" for="desc_en">{{ __('Description English') }}</label>
    <textarea id="editor4" type="text" name="desc_en" id="desc_en" class="form-control form-control-alternative" 
        >@if(isset($service)){!! html_entity_decode($service->desc_en) !!}@endif</textarea>
</div>

<div class="form-group">
    <label class="form-control-label" for="details_en">{{ __('Details English') }}</label>
    <textarea id="editor6" type="text" name="details_en" id="details_en" class="form-control form-control-alternative" 
        >@if(isset($service)){!! html_entity_decode($service->details_en) !!}@endif</textarea>
</div>
<div class="form-group">
    <label class="form-control-label" for="image">{{ __('Primary Image') }}</label>
    <input class="form-control" type="file" name="image" id="image">
</div>
@php
if (isset($service)){
    $url = asset($service->image);
    echo "<img width='200px' height='200px' src='$url'>";
}
@endphp
<div class="form-group">
    <label class="form-control-label" for="file">{{ __('Images') }}</label>
    <input class="form-control" type="file" name="file[]" id="file" multiple="true" >
</div>

@php
if (isset($service)){
    $images = explode(",", $service->images);
    foreach($images as $image){
        if (!$image){
            continue;
        }
        $url = asset($image);
        echo "<img width='200px' height='200px' src='$url'>";
    }
}
@endphp

<script>

ClassicEditor
.create( document.querySelector( '#editor3' ) )
.catch( error => {
    console.error( error );
} );
ClassicEditor
.create( document.querySelector( '#editor4' ) )
.catch( error => {
    console.error( error );
} );
ClassicEditor
.create( document.querySelector( '#editor5' ) )
.catch( error => {
    console.error( error );
} );
ClassicEditor
.create( document.querySelector( '#editor6' ) )
.catch( error => {
    console.error( error );
} ); 
</script>