@csrf
<style>
.ck-editor__editable_inline {
    min-height: 250px;
}
</style>
<h1>العربية</h1>
<div class="form-group">
    <label class="form-control-label" for="head_ar">{{ __('Name Arabic') }}</label>
    <input  type="text" name="head_ar" id="head_ar" class="form-control form-control-alternative" 
    required value="@if(isset($subS)){{$subS->head_ar}}@endif">
</div>
<div class="form-group">
    <label  class="form-control-label" for="desc_ar">{{ __('Bio Arabic') }}</label>
    <input  type="text" name="desc_ar" id="desc_ar" class="form-control form-control-alternative" 
    required value="@if(isset($subS)){{$subS->desc_ar}}@endif">
</div>





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

<div class="form-group">
    <label class="form-control-label" for="desc_en">{{ __('Bio English') }}</label>
     <input  type="text" name="desc_en" id="desc_en" class="form-control form-control-alternative" 
    required value="@if(isset($subS)){{$subS->desc_en}}@endif">
</div>





<div class="form-group">
    <label class="form-control-label" for="link_fb">{{ __('Link Facebook') }}</label>
    <input  type="text" name="link_fb" id="link_fb" class="form-control form-control-alternative" 
        value="@if(isset($subS)){{$subS->link_fb}}@endif">
</div>

<div class="form-group">
    <label class="form-control-label" for="link_gmail">{{ __('Link Gmail') }}</label>
    <input  type="text" name="link_gmail" id="link_gmail" class="form-control form-control-alternative" 
        value="@if(isset($subS)){{$subS->link_gmail}}@endif">
</div>

<div class="form-group">
    <label class="form-control-label" for="link_ln">{{ __('Link LinkedIn') }}</label>
    <input  type="text" name="link_ln" id="link_ln" class="form-control form-control-alternative" 
        value="@if(isset($subS)){{$subS->link_ln}}@endif">
</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($subS)){
    $url = asset($subS->image);
    echo "<img width='200px' height='200px' src='$url'>";
}
@endphp


@php
if (isset($subS)){
    $images = explode(",", $subS->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( '#editor1' ) )
.catch( error => {
    console.error( error );
} );ClassicEditor
.create( document.querySelector( '#editor2' ) )
.catch( error => {
    console.error( error );
} );
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 );
} ); 
ClassicEditor
.create( document.querySelector( '#editor7' ) )
.catch( error => {
    console.error( error );
} ); 
ClassicEditor
.create( document.querySelector( '#editor8' ) )
.catch( error => {
    console.error( error );
} ); 
</script>