@extends('dashboard.layouts.layouts')
@section('title', 'Dashboard')
{{--Drop Your Customized Style Codes Here--}}
@section('customizedStyle')

@endsection
{{--Drop Your Customized Scripts Codes Here--}}
@section('customizedScript')
    <script>
        $(function () {
            $('#example1').DataTable()
            $('#example2').DataTable({
                'paging'      : true,
                'lengthChange': false,
                'searching'   : false,
                'ordering'    : true,
                'info'        : true,
                'autoWidth'   : false
            })
        })
        /*$(function () {
            // Summernote
            $('.textarea').summernote()
        })*/
         $(function () {
            // Replace the <textarea id="editor1"> with a CKEditor
            // instance, using default configuration.
            CKEDITOR.replace('about_company_en');
            CKEDITOR.replace('about_misiion_en');
            CKEDITOR.replace('about_vision_en');
            CKEDITOR.replace('about_values_en');
            CKEDITOR.replace('about_company_ar');
            CKEDITOR.replace('about_misiion_ar');
            CKEDITOR.replace('about_vision_ar');
            CKEDITOR.replace('about_values_ar');
        });
    </script>
@endsection
{{-- Start of page Content --}}
@section('content')
    <section class="content-header">
        <h1>
            Contact
            <small>Edit About</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">About</a></li>
            <li class="active">Edit About</li>
        </ol>
    </section>

    <section class="content">
        <div class="row">
            <!-- left column -->
        {{-- <div class="col-md-12">--}}
        {{--<div class="box box-primary" style="padding: 15px">--}}
        {{--<div class="box-header with-border">
            <h3 class="box-title">All Features Info</h3>
            <a href="" class="btn btn-warning pull-right"><i class="fa fa-plus"></i> Add New Feature </a>
        </div>--}}
        @include('dashboard.layouts.messages')
        <!-- /.box-header -->
            <!-- form start -->
            <section class="content">

{{--
                @include('dashboard.layouts.messages')
--}}
                <form role="form" action="/adminDashboard/about/edit" enctype="multipart/form-data" method="post">

                    {{csrf_field()}}
                    <input type="hidden" name="created_by">
                    <div class="row">
                        <!-- English Side -->
                        <div class="col-md-6">
                            <div class="box box-primary">
                                <div class="box-header with-border">
                                    <h3 class="box-title">Update About Info</h3>
                                </div>
                                <!-- /.box-header -->
                                <!-- form start -->
                                <div class="box-body">
                                    <div class="form-group">

                                        <div class="col-lg-12">
                                            <label for="exampleInputEmail1">About Company</label>
                                            {{--<textarea type="text" class="form-control" name="description_en" placeholder="Enter Mission of Website" rows="5">{{$about==null?old("description_en"):$about->about_en->about_company}}</textarea>--}}
                                            <div class="mb-3">
                                                    <textarea class="textarea" name="description_en" id="about_company_en" placeholder="Place some text here"
                                                              style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">
                                                    {!! $about==null?old("description_en"):$about->about_en->about_company!!}
                                                    </textarea>
                                            </div>
                                            <p class="help-block">Edit About of website</p>
                                        </div>
                                        <div class="col-lg-12">
                                            <label for="exampleInputEmail1"> About Us Image</label>
                                            <input type="file" class="form-control" name="about_image_id" id="exampleInputEmail1" placeholder="Update Mession Image">
                                            <p class="help-block"> Update The Image in About Section</p>
                                        </div>
                                        <div class="col-lg-12">
                                            <label for="exampleInputEmail1">Mission</label>
                                           {{-- <textarea type="text" class="form-control" name="mission_en" id="" rows="6" placeholder="Enter Mission of Website">{{$about==null?old("mission_en"):$about->about_en->mission}}</textarea>--}}
                                            <textarea class="textarea" name="mission_en" id="about_misiion_en" placeholder="Place some text here"
                                                      style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">
                                                    {!! $about==null?old("mission_en"):$about->about_en->mission!!}
                                                    </textarea>
                                            <p class="help-block">Edit Mission of website</p>
                                        </div>
                                        <div class="col-lg-12">
                                            <label for="exampleInputEmail1"> Mission Image</label>
                                            <input type="file" class="form-control" name="mission_image_id" id="exampleInputEmail1" placeholder="Update Mession Image">
                                            <p class="help-block"> Update The Image in Mission Section</p>
                                        </div>
                                        <div class="col-lg-12">
                                            <label for="exampleInputEmail1">Vision</label>
                                            {{--<textarea type="text" class="form-control" name="vision_en" id="" rows="6" placeholder="Enter Vision of Website">{{$about==null?old("vision_en"):$about->about_en->vision}}</textarea>--}}
                                            <textarea class="textarea" name="vision_en" id="about_vision_en" placeholder="Place some text here"
                                                      style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">
                                                    {!! $about==null?old("vision_en"):$about->about_en->vision!!}
                                                    </textarea>
                                            <p class="help-block">Edit Vision of website</p>
                                        </div>
                                        <div class="col-lg-12">
                                            <label for="exampleInputEmail1"> Vision Image</label>
                                            <input type="file" class="form-control" name="vision_image_id" id="exampleInputEmail1" placeholder="Update Vision Image">
                                            <p class="help-block"> Update The Image in Vision Section</p>
                                        </div>
                                        <div class="col-lg-12">
                                            <label for="exampleInputEmail1">Values</label>
                                            {{--<textarea type="text" class="form-control" name="values_en" id="" rows="6" placeholder="Enter Values of Website">{{$about==null?old("values_en"):$about->about_en->our_values}}</textarea>--}}
                                            <textarea class="textarea" name="values_en" id="about_values_en" placeholder="Place some text here"
                                                      style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">
                                                {!! $about==null?old("values_en"):$about->about_en->our_values!!}
                                            </textarea>
                                            <p class="help-block">Edit Values of website</p>
                                        </div>
                                        <div class="col-lg-12">
                                            <label for="exampleInputEmail1"> Values Image</label>
                                            <input type="file" class="form-control" name="values_image_id" id="exampleInputEmail1" placeholder="Update Values Image">
                                            <p class="help-block"> Update The Image in Values Section</p>
                                        </div>

                                    </div>
                                </div>
                                <div class="box-footer">
                                    <div class="col-lg-12">
                                        <button type="submit" class="btn btn-primary">Submit</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Arabic Side -->
                        <div class="col-md-6 arab_dir">
                            <div class="box box-primary">
                                <div class="box-header with-border">
                                    <h3 class="box-title">أضف بيانات العميل</h3>
                                </div>
                                <!-- .box-header -->
                                <!-- form start -->
                                <div class="box-body">
                                    <div class="form-group">

                                        <div class="col-lg-12">
                                            <label for="exampleInputEmail1">عن الشركة</label>
                                            {{--<textarea type="text" class="form-control" name="description_ar" placeholder="عن الشركة" rows="5">{{$about==null?old("description_ar"):$about->about_ar->about_company}}</textarea>--}}
                                            <textarea class="textarea" name="description_ar" id="about_company_ar" placeholder="Place some text here"
                                                      style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">
                                                    {!! $about==null?old("description_en"):$about->about_ar->about_company!!}
                                                    </textarea>
                                            <p class="help-block">قم بتعديل معلومات عن الشركة</p>
                                        </div>

                                        <div class="col-lg-12">
                                            <label for="exampleInputEmail1">مهمتنا</label>
                                            {{--<textarea type="text" class="form-control" name="mission_ar" id="" rows="6" placeholder="عدل مهمة الشركة">{{$about==null?old("mission_ar"):$about->about_ar->mission}}</textarea>--}}
                                            <textarea class="textarea" name="mission_ar" id="about_misiion_ar" placeholder="Place some text here"
                                                      style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">
                                                    {!! $about==null?old("mission_ar"):$about->about_ar->mission!!}
                                                    </textarea>
                                            <p class="help-block">قم بتعديل مهمة الشركة</p>
                                        </div>

                                        <div class="col-lg-12">
                                            <label for="exampleInputEmail1">رؤيتنا</label>
                                           {{-- <textarea type="text" class="form-control" name="vision_ar" id="" rows="6" placeholder="عدل رؤية الشركة">{{$about==null?old("vision_ar"):$about->about_ar->vision}}</textarea>--}}
                                            <textarea class="textarea" name="vision_ar" id="about_vision_ar" placeholder="Place some text here"
                                                      style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">
                                                    {!! $about==null?old("vision_ar"):$about->about_ar->vision!!}
                                                    </textarea>
                                            <p class="help-block">قم بتعديل رؤية الشركة</p>
                                        </div>

                                        <div class="col-lg-12">
                                            <label for="exampleInputEmail1">قيمنا</label>
                                            {{--<textarea type="text" class="form-control" name="values_ar" id="" rows="6" placeholder="عدل قيم الشركة">{{$about==null?old("values_ar"):$about->about_ar->our_values}}</textarea>--}}
                                            <textarea class="textarea" name="values_ar" id="about_values_ar" placeholder="Place some text here"
                                                      style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">
                                                    {!! $about==null?old("values_ar"):$about->about_ar->our_values!!}
                                                    </textarea>
                                            <p class="help-block">قم بتعديل قيم الشركة</p>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </section>
            {{--</div>--}}
            {{-- </div>--}}
        </div>
    </section>

@endsection