@extends('admin.layouts.app')
@section('page_content')
<div class="content-wrapper">
    <!-- Page Title Header Starts-->
    <div class="row page-title-header">
        <div class="col-12">
            <div class="page-header">
                <h4 class="page-title">About us</h4>
            </div>
            <!-- <a href="{{route('admin.certificates.add')}}" class="btn btn-success pull-right green_filled">Add Certificate</a> -->
        </div>
        
    </div>
    <!-- Page Title Header Ends-->

    <div class="row">
        <div class="col-md-12 grid-margin">
            <div class="row flex-grow">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <!-- <h4 class="card-title">Default form</h4> -->
                            @if(!isset($about->id) && !isset($about))
                                <form class="forms-sample" method="post" enctype="multipart/form-data" action="{{route('admin.cms.about.save')}}">
                                    @csrf

                                    <div class="form-group">
                                        <label for="banner_image">Banner Image <span class="text-danger">*</span></label>
                                        <!-- <input type="file" class="form-control" id="banner_image" name="banner_image" style="padding: 10px;" required> -->
                                        <div class="custom-file">
                                            <input type="file" name="banner_image"  class="custom-file-input form-control" required id="customFile">
                                            <label class="custom-file-label" for="customFile">Choose file</label>
                                        </div>
                                    </div>
                                    
                                    <div class="mt-5"></div>
                                    
                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="title">About Page Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="title" name="title" placeholder="Title" required >
                                        </div>
                                        
                                        <div class="form-group col-md-6">
                                            <label for="ar_title">About Page Title (Arabic)</label>
                                            <input type="text" class="form-control" id="ar_title" name="ar_title" placeholder="Title">
                                        </div>
                                    </div>    

                                    <div class="form-group">
                                        <label for="description">About Page Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="description" required id="description" placeholder="Description.."></textarea>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="ar_description">About Page Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_description" id="ar_description" placeholder="Description.."></textarea>
                                    </div>

                                    <div class="mt-5"></div>

                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="our_mission_title">Our Mission Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="our_mission_title" name="our_mission_title" placeholder="Title" required>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="ar_our_mission_title">Our Mission Title (Arabic)</label>
                                            <input type="text" class="form-control" id="ar_our_mission_title" name="ar_our_mission_title" placeholder="Title">
                                        </div>
                                    </div>    

                                    <div class="form-group">
                                        <label for="our_mission_description">Our Mission Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="our_mission_description" required id="our_mission_description" placeholder="Description.."></textarea>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="ar_our_mission_description">Our Mission Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_our_mission_description" id="ar_our_mission_description" placeholder="Description.."></textarea>
                                    </div>

                                    <div class="form-group">
                                        <label for="our_mission_image">Our Mission Image <span class="text-danger">*</span></label>
                                        <!-- <input type="file" class="form-control" id="our_mission_image" name="our_mission_image" style="padding: 10px;" required> -->
                                        <div class="custom-file">
                                            <input type="file" name="our_mission_image"  class="custom-file-input form-control" required id="customFile">
                                            <label class="custom-file-label" for="customFile">Choose file</label>
                                        </div>
                                    </div>
                                    
                                    <div class="mt-5"></div>

                                    <div class="form-row">
                                        <div class="form-group">
                                            <label for="core_value_title">Core Value Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="core_value_title" name="core_value_title" placeholder="Title" required>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label for="ar_core_value_title">Core Value Title (Arabic)</label>
                                            <input type="text" class="form-control" id="ar_core_value_title" name="ar_core_value_title" placeholder="Title" >
                                        </div>
                                    </div>   

                                    <div class="form-group">
                                        <label for="core_value_description">Core Value Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="core_value_description" id="core_value_description" placeholder="Description.." required></textarea>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="ar_core_value_description">Core Value Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_core_value_description" id="ar_core_value_description" placeholder="Description.."></textarea>
                                    </div>

                                    <div class="mt-5"></div>

                                    <div class="form-row">
                                        <div class="form-group">
                                            <label for="quality_title">Quality Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="quality_title" name="quality_title" placeholder="Title" required>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label for="ar_quality_title">Quality Title (Arabic)</label>
                                            <input type="text" class="form-control" id="ar_quality_title" name="ar_quality_title" placeholder="Title">
                                        </div>
                                    </div>    

                                    <div class="form-group">
                                        <label for="quality_description">Quality Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="quality_description" id="quality_description" placeholder="Description.." required></textarea>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="ar_quality_description">Quality Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_quality_description" id="ar_quality_description" placeholder="Description.."></textarea>
                                    </div>

                                    <div class="form-group">
                                        <label for="quality_description">Quality Icon <span class="text-danger">*</span></label>
                                        <select class="form-control" name="quality_icon" id="quality_icon" required>
                                            <option value="">Select Quality Icon</option>
                                            @foreach($icons as $key => $icon)
                                                <option value="{{$icon}}">{{$key}}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="mt-5"></div>

                                    <div class="form-row">
                                        <div class="form-group">
                                            <label for="integrity_title">Integrity Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="integrity_title" name="integrity_title" placeholder="Title" required>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label for="ar_integrity_title">Integrity Title (Arabic)</label>
                                            <input type="text" class="form-control" id="ar_integrity_title" name="ar_integrity_title" placeholder="Title">
                                        </div>
                                    </div>   

                                    <div class="form-group">
                                        <label for="integrity_description">Integrity Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="integrity_description" id="integrity_description" placeholder="Description.." required></textarea>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="ar_integrity_description">Integrity Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_integrity_description" id="ar_integrity_description" placeholder="Description.."></textarea>
                                    </div>

                                    <div class="form-group">
                                        <label for="integrity_icon">Integrity Icon <span class="text-danger">*</span></label>
                                        <select class="form-control" name="integrity_icon" id="integrity_icon" required>
                                            <option value="">Select Integrity Icon</option>
                                            @foreach($icons as $key => $icon)
                                                <option value="{{$icon}}">{{$key}}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="mt-5"></div>

                                    <div class="form-row">
                                        <div class="form-group">
                                            <label for="innovation_title">Innovation Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="innovation_title" name="innovation_title" placeholder="Title" required>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label for="ar_innovation_title">Innovation Title (Arabic)</label>
                                            <input type="text" class="form-control" id="ar_innovation_title" name="ar_innovation_title" placeholder="Title" >
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="innovation_description">Innovation Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="innovation_description" id="innovation_description" placeholder="Description.." required></textarea>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="ar_innovation_description">Innovation Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_innovation_description" id="ar_innovation_description" placeholder="Description.."></textarea>
                                    </div>

                                    <div class="form-group">
                                        <label for="innovation_icon">Innovation Icon <span class="text-danger">*</span></label>
                                        <select class="form-control" name="innovation_icon" id="innovation_icon" required>
                                            <option value="">Select Integrity Icon</option>
                                            @foreach($icons as $key => $icon)
                                                <option value="{{$icon}}">{{$key}}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="mt-5"></div>

                                    <div class="form-row">
                                        <div class="form-group">
                                            <label for="se_title">Service Excellence Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="se_title" name="se_title" placeholder="Title" required>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label for="ar_se_title">Service Excellence Title (Arabic)</label>
                                            <input type="text" class="form-control" id="ar_se_title" name="ar_se_title" placeholder="Title">
                                        </div>
                                    </div> 

                                    <div class="form-group">
                                        <label for="se_description">Service Excellence Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="se_description" required id="se_description" placeholder="Description.."></textarea>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="ar_se_description">Service Excellence Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_se_description" id="ar_se_description" placeholder="Description.."></textarea>
                                    </div>

                                    <div class="form-group">
                                        <label for="se_icon">Service Excellence Icon <span class="text-danger">*</span></label>
                                        <select class="form-control" name="se_icon" id="se_icon" required>
                                            <option value="">Select Service Excellence Icon</option>
                                            @foreach($icons as $key => $icon)
                                                <option value="{{$icon}}">{{$key}}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="mt-5"></div>

                                    <div class="form-row">
                                        <div class="form-group">
                                            <label for="cs_title">Customer Satisfaction Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="cs_title" name="cs_title" placeholder="Title" required>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label for="ar_cs_title">Customer Satisfaction Title (Arabic)</label>
                                            <input type="text" class="form-control" id="ar_cs_title" name="ar_cs_title" placeholder="Title">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="cs_description">Customer Satisfaction Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="cs_description" required id="cs_description" placeholder="Description.."></textarea>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="ar_cs_description">Customer Satisfaction Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_cs_description" id="ar_cs_description" placeholder="Description.."></textarea>
                                    </div>

                                    <div class="form-group">
                                        <label for="cs_icon">Customer Satisfaction Icon <span class="text-danger">*</span></label>
                                        <select class="form-control" name="cs_icon" id="cs_icon" required>
                                            <option value="">Select Customer Satisfaction Icon</option>
                                            @foreach($icons as $key => $icon)
                                                <option value="{{$icon}}">{{$key}}</option>
                                            @endforeach
                                        </select>
                                    </div>
        
                                    <button type="submit" class="btn btn-green btn-rounded mr-2">Save</button>
                                    <!-- <button class="btn btn-light btn-rounded">Cancel</button> -->
                                </form>
                            @else
                                <form class="forms-sample" method="post" enctype="multipart/form-data" action="{{route('admin.cms.about.update')}}">
                                    @csrf
                                    <input type="hidden" name="id" value="{{$about->id}}">

                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-10">
                                                <label for="banner_image">Banner Image </label>
                                                <!-- <input type="file" class="form-control" id="banner_image" name="banner_image" style="padding: 10px;"> -->
                                                <div class="custom-file">
                                                    <input type="file" name="banner_image"  class="custom-file-input form-control" id="customFile">
                                                    <label class="custom-file-label" for="customFile">Choose file</label>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                @if(file_exists($about->banner_image))
                                                    <a href="{{asset($about->banner_image)}}" target="_blank"><img src="{{asset($about->banner_image)}}" style="width:100%;"></a>
                                                @else
                                                    
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="mt-5"></div>
                                    
                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="title">About us Page Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="title" name="title" placeholder="Title" required value="{{$about->title}}">
                                        </div>
                                        
                                        <div class="form-group col-md-6">
                                            <label for="ar_title">About us Page Title (Arabic)</label>
                                            <input type="text" class="form-control" id="ar_title" name="ar_title" placeholder="Title" value="{{$about->ar_title}}">
                                        </div>
                                    </div>    

                                    <div class="form-group">
                                        <label for="description">About us Page Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="description" required id="description" placeholder="Description..">{{$about->description}}</textarea>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="ar_description">About us Page Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_description" id="ar_description" placeholder="Description..">{{$about->ar_description}}</textarea>
                                    </div>

                                    <div class="mt-3"></div>
                                    <h5 class="mb-3">Our Mission</h5>
                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="our_mission_title">Our Mission Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" value="{{$about->our_mission_title}}" id="our_mission_title" name="our_mission_title" placeholder="Title" required>
                                        </div>
                                        
                                        <div class="form-group col-md-6">
                                            <label for="ar_our_mission_title">Our Mission Title (Arabic)</label>
                                            <input type="text" class="form-control" value="{{$about->ar_our_mission_title}}" id="ar_our_mission_title" name="ar_our_mission_title" placeholder="Title">
                                        </div>
                                    </div>    

                                    <div class="form-group">
                                        <label for="our_mission_description">Our Mission Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="our_mission_description" required id="our_mission_description" placeholder="Description..">{{$about->our_mission_description}}</textarea>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="ar_our_mission_description">Our Mission Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_our_mission_description" id="ar_our_mission_description" placeholder="Description..">{{$about->ar_our_mission_description}}</textarea>
                                    </div>

                                    <div class="mt-5"></div>

                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-10">
                                                <label for="our_mission_image">Our Mission Image</label>
                                                <!-- <input type="file" class="form-control" id="our_mission_image" name="our_mission_image" style="padding: 10px;"> -->
                                                <div class="custom-file">
                                                    <input type="file" name="our_mission_image"  class="custom-file-input form-control" id="customFile">
                                                    <label class="custom-file-label" for="customFile">Choose file</label>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                @if(file_exists($about->our_mission_image))
                                                    <a href="{{asset($about->our_mission_image)}}" target="_blank"><img src="{{asset($about->our_mission_image)}}" style="width:100%;"></a>
                                                @else
                                                    
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="mt-3"></div>
                                    <h5 class="mb-3">Core Value</h5>

                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="core_value_title">Core Value Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="core_value_title" name="core_value_title" value="{{$about->core_value_title}}" placeholder="Title" required>
                                        </div>
                                        
                                        <div class="form-group col-md-6">
                                            <label for="ar_core_value_title">Core Value Title (Arabic)</label>
                                            <input type="text" class="form-control" id="ar_core_value_title" name="ar_core_value_title" value="{{$about->ar_core_value_title}}" placeholder="Title">
                                        </div>
                                    </div>   

                                    <div class="form-group">
                                        <label for="core_value_description">Core Value Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="core_value_description" id="core_value_description" placeholder="Description.." required>{{$about->core_value_description}}</textarea>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="ar_core_value_description">Core Value Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_core_value_description" id="ar_core_value_description" placeholder="Description.." >{{$about->ar_core_value_description}}</textarea>
                                    </div>

                                    <div class="mt-3"></div>
                                    <h5 class="mb-3">Quality</h5>

                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="quality_title">Quality Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="quality_title" name="quality_title" placeholder="Title" value="{{$about->quality_title}}" required>
                                        </div>
                                        
                                        <div class="form-group col-md-6">
                                            <label for="ar_quality_title">Quality Title (Arabic)</label>
                                            <input type="text" class="form-control" id="ar_quality_title" name="ar_quality_title" placeholder="Title" value="{{$about->ar_quality_title}}">
                                        </div>
                                    </div>    

                                    <div class="form-group">
                                        <label for="quality_description">Quality Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="quality_description" id="quality_description" placeholder="Description.." required>{{$about->quality_description}}</textarea>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="ar_quality_description">Quality Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_quality_description" id="ar_quality_description" placeholder="Description..">{{$about->ar_quality_description}}</textarea>
                                    </div>

                                    <div class="form-group">
                                        <label for="quality_description">Quality Icon <span class="text-danger">*</span></label>
                                        <select class="form-control" name="quality_icon" id="quality_icon" required>
                                            <option value="">Select Quality Icon</option>
                                            @foreach($icons as $key => $icon)
                                                <option value="{{$icon}}" {{ ($about->quality_image == $icon) ? 'selected' : '' }} >{{$key}}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="mt-3"></div>
                                    <h5 class="mb-3">Integrity</h5>

                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="integrity_title">Integrity Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="integrity_title" name="integrity_title" value="{{$about->integrity_title}}" placeholder="Title" required>
                                        </div>
                                        
                                        <div class="form-group col-md-6">
                                            <label for="ar_integrity_title">Integrity Title (Arabic)</label>
                                            <input type="text" class="form-control" id="ar_integrity_title" name="ar_integrity_title" value="{{$about->ar_integrity_title}}" placeholder="Title">
                                        </div>
                                    </div>    

                                    <div class="form-group">
                                        <label for="integrity_description">Integrity Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="integrity_description" id="integrity_description" placeholder="Description.." required>{{$about->integrity_description}}</textarea>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="ar_integrity_description">Integrity Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_integrity_description" id="ar_integrity_description" placeholder="Description..">{{$about->ar_integrity_description}}</textarea>
                                    </div>

                                    <div class="form-group">
                                        <label for="integrity_icon">Integrity Icon <span class="text-danger">*</span></label>
                                        <select class="form-control" name="integrity_icon" id="integrity_icon" required>
                                            <option value="">Select Integrity Icon</option>
                                            @foreach($icons as $key => $icon)
                                                <option value="{{$icon}}" {{ ($about->integrity_image == $icon) ? 'selected' : '' }} >{{$key}}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="mt-3"></div>
                                    <h5 class="mb-3">Innovation</h5>

                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="innovation_title">Innovation Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="innovation_title" name="innovation_title" value="{{$about->innovation_title}}" placeholder="Title" required>
                                        </div>
                                        
                                        <div class="form-group col-md-6">
                                            <label for="ar_innovation_title">Innovation Title (Arabic)</label>
                                            <input type="text" class="form-control" id="ar_innovation_title" name="ar_innovation_title" value="{{$about->ar_innovation_title}}" placeholder="Title">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="innovation_description">Innovation Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="innovation_description" id="innovation_description" placeholder="Description.." required>{{$about->innovation_description}}</textarea>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="ar_innovation_description">Innovation Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_innovation_description" id="ar_innovation_description" placeholder="Description..">{{$about->ar_innovation_description}}</textarea>
                                    </div>

                                    <div class="form-group">
                                        <label for="innovation_icon">Innovation Icon <span class="text-danger">*</span></label>
                                        <select class="form-control" name="innovation_icon" id="innovation_icon" required>
                                            <option value="">Select Innovation Icon</option>
                                            @foreach($icons as $key => $icon)
                                                <option value="{{$icon}}" {{ ($about->innovation_image == $icon) ? 'selected' : '' }} >{{$key}}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="mt-3"></div>
                                    <h5 class="mb-3">Service</h5>

                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="se_title">Service Excellence Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="se_title" name="se_title" value="{{$about->se_title}}" placeholder="Title" required>
                                        </div>
                                        
                                        <div class="form-group col-md-6">
                                            <label for="ar_se_title">Service Excellence Title (Arabic)</label>
                                            <input type="text" class="form-control" id="ar_se_title" name="ar_se_title" value="{{$about->ar_se_title}}" placeholder="Title">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="se_description">Service Excellence Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="se_description" required id="se_description" placeholder="Description..">{{$about->se_description}}</textarea>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="ar_se_description">Service Excellence Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_se_description" id="ar_se_description" placeholder="Description..">{{$about->ar_se_description}}</textarea>
                                    </div>

                                    <div class="form-group">
                                        <label for="se_icon">Service Excellence Icon <span class="text-danger">*</span></label>
                                        <select class="form-control" name="se_icon" id="se_icon" required>
                                            <option value="">Select Service Excellence Icon</option>
                                            @foreach($icons as $key => $icon)
                                                <option value="{{$icon}}" {{ ($about->se_image == $icon) ? 'selected' : '' }} >{{$key}}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="mt-3"></div>
                                    <h5 class="mb-3">Customer Satisfaction</h5>

                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="cs_title">Customer Satisfaction Title <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="cs_title" name="cs_title" value="{{$about->cs_title}}" placeholder="Title" required>
                                        </div>
                                        
                                        <div class="form-group col-md-6">
                                            <label for="ar_cs_title">Customer Satisfaction Title (Arabic)</label>
                                            <input type="text" class="form-control" id="ar_cs_title" name="ar_cs_title" value="{{$about->ar_cs_title}}" placeholder="Title">
                                        </div>
                                    </div>                                        

                                    <div class="form-group">
                                        <label for="cs_description">Customer Satisfaction Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="cs_description" required id="cs_description" placeholder="Description..">{{$about->cs_description}}</textarea>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="ar_cs_description">Customer Satisfaction Description (Arabic)</label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_cs_description" id="ar_cs_description" placeholder="Description..">{{$about->ar_cs_description}}</textarea>
                                    </div>

                                    <div class="form-group">
                                        <label for="cs_icon">Customer Satisfaction Icon <span class="text-danger">*</span></label>
                                        <select class="form-control" name="cs_icon" id="cs_icon" required>
                                            <option value="">Select Customer Satisfaction Icon</option>
                                            @foreach($icons as $key => $icon)
                                                <option value="{{$icon}}" {{ ($about->cs_image == $icon) ? 'selected' : '' }} >{{$key}}</option>
                                            @endforeach
                                        </select>
                                    </div>
        
                                    <button type="submit" class="btn btn-green btn-rounded mr-2">Update</button>
                                    <!-- <button class="btn btn-light btn-rounded">Cancel</button> -->
                                </form>
                            @endif
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div> 

</div>
<script>
    CKEditorChange('description','only_color_options.js');
    CKEditorChange('ar_description','only_color_options.js');
    
    CKEditorChange('our_mission_description','only_biu_options.js');
    CKEditorChange('ar_our_mission_description','only_biu_options.js');
    
    CKEditorChange('core_value_description','only_biu_options.js');
    CKEditorChange('ar_core_value_description','only_biu_options.js');

    CKEditorChange('quality_description','only_biu_options.js');
    CKEditorChange('ar_quality_description','only_biu_options.js');

    CKEditorChange('integrity_description','only_biu_options.js');
    CKEditorChange('ar_integrity_description','only_biu_options.js');

    CKEditorChange('innovation_description','only_biu_options.js');
    CKEditorChange('ar_innovation_description','only_biu_options.js');

    CKEditorChange('se_description','only_biu_options.js');
    CKEditorChange('ar_se_description','only_biu_options.js');

    CKEditorChange('cs_description','only_biu_options.js');
    CKEditorChange('ar_cs_description','only_biu_options.js');
</script>
@endsection