@extends('admin.layout')
@section('content')
    <script src="{{ url('./Panel/adminAssets/jquery-3.2.1.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('.manue-active ul').removeClass('mm-show').find('a').removeClass('mm-active');
            $('#Settingss ul').addClass('mm-show').find('#SettingssEdit').addClass('mm-active');
        });

    </script>

    <style>
        .fa-cloud-upload-alt {
            font-size: 1em;
            color: #D80200
        }

        .upload-btn-wrapper {
            position: relative;
            overflow: hidden;
            display: inline-block;
        }

        .upload-btn-wrapper input[type=file] {
            font-size: 100px;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
        }


        .bootstrap-filestyle {
            /* border: 2px dashed #6497B4; */
            border-radius: 30%;
            /* padding: 3em 10em 3em 10em; */

        }

        .bootstrap-filestyle span {
            width: 100%;
        }

    </style>
    <div class="parts form">
        <div class="main-card mb-3 card">
            <div class="card-body">
                <h5 class="card-title">{{ __('General.Settings') }}</h5>

                @if (count($errors) > 0)
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                {!! Form::open(['method' => 'patch', 'action' => ['Admin\settingsController@update', $data->id], 'files' => true]) !!}
                <div class="row">
                    <div class="col-md">
                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('setting.Address_Arabic') }}</label>
                            <div class="col-sm-10">
                                {!! Form::text('address_ara', $data->address_ara, ['class' => 'form-control', 'placeholder' => __('setting.Address_Arabic')]) !!}
                            </div>
                        </div>
                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('setting.Address_English') }} </label>
                            <div class="col-sm-10">
                                {!! Form::text('address_eng', $data->address_eng, ['class' => 'form-control', 'placeholder' => __('setting.Address_English')]) !!}
                            </div>
                        </div>
                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('General.E-mail') }} </label>
                            <div class="col-sm-10">
                                {!! Form::text('rasheed_email', $data->rasheed_email, ['class' => 'form-control', 'placeholder' => __('General.E-mail')]) !!}
                            </div>
                        </div>
                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('General.main_vedio_link') }} </label>
                            <div class="col-sm-10">
                                {!! Form::text('main_vedio_link', $data->main_vedio_link, ['class' => 'form-control', 'placeholder' => __('General.main_vedio_link')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('General.Telephon') }} </label>
                            <div class="col-sm-10">
                                {!! Form::text('rasheed_telephon', $data->rasheed_telephon, ['class' => 'form-control', 'placeholder' => __('General.Telephon')]) !!}
                            </div>
                        </div>
                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('setting.Phone') }}
                            </label>
                            <div class="col-sm-10">
                                {!! Form::text('phone', $data->phone, ['class' => 'form-control', 'placeholder' => __('setting.Phone')]) !!}
                            </div>
                        </div>
                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('setting.phone_whatsapp') }}
                            </label>
                            <div class="col-sm-10">
                                {!! Form::text('phone_whatsapp', $data->phone_whatsapp, ['class' => 'form-control', 'placeholder' => __('setting.phone_whatsapp')]) !!}
                            </div>
                        </div>
                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('setting.Fax') }}
                            </label>
                            <div class="col-sm-10">
                                {!! Form::text('fax', $data->fax, ['class' => 'form-control', 'placeholder' => __('setting.Fax')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('setting.Location') }}
                            </label>
                            <div class="col-sm-10">
                                {!! Form::text('location', $data->location, ['class' => 'form-control', 'placeholder' => __('setting.Location')]) !!}
                            </div>
                        </div>


                    </div>
                    <div class="col-md">


                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('setting.Facebook') }}
                            </label>
                            <div class="col-sm-10">
                                {!! Form::text('facebook', $data->facebook, ['class' => 'form-control', 'placeholder' => __('setting.Facebook')]) !!}
                            </div>
                        </div>
                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('setting.Twitter') }}
                            </label>
                            <div class="col-sm-10">
                                {!! Form::text('twitter', $data->twitter, ['class' => 'form-control', 'placeholder' => __('setting.Twitter')]) !!}
                            </div>
                        </div>


                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('setting.linked_in') }}
                            </label>
                            <div class="col-sm-10">
                                {!! Form::text('linked_in', $data->linked_in, ['class' => 'form-control', 'placeholder' => __('setting.linked_in')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('setting.Yeers_Of_Exprience') }}
                            </label>
                            <div class="col-sm-10">
                                {!! Form::number('yeers_of_exprience', $data->yeers_of_exprience, ['class' => 'form-control', 'placeholder' => __('setting.Yeers_Of_Exprience')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('setting.Employees') }}
                            </label>
                            <div class="col-sm-10">
                                {!! Form::number('employees', $data->employees, ['class' => 'form-control', 'placeholder' => __('setting.Employees')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('setting.Clients') }}
                            </label>
                            <div class="col-sm-10">
                                {!! Form::number('clients', $data->clients, ['class' => 'form-control', 'placeholder' => __('setting.Clients')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('setting.Products') }}
                            </label>
                            <div class="col-sm-10">
                                {!! Form::number('products', $data->products, ['class' => 'form-control', 'placeholder' => __('setting.Products')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('setting.partners') }}
                            </label>
                            <div class="col-sm-10">
                                {!! Form::number('partners', $data->partners, ['class' => 'form-control', 'placeholder' => __('setting.partners')]) !!}
                            </div>
                        </div>

                    </div>

                </div>
                <h5 class="card-title" style="width: 100%">{{ __('Web-Home') }}</h5>

                <div class="row">
                    <div class="col-md">
                        <h5>{{ __('Home title en') }}</h5>
                        <div class="form-group">
                            {!! Form::text('home_title_en', $data->home_title_en, ['class' => 'form-control', 'placeholder' => __('Home title en')]) !!}
                        </div>
                        <h5>{{ __('Home description en') }}</h5>
                        <div class="form-group">
                            {!! Form::textarea('home_description_en', $data->home_description_en, ['rows' => '6', 'cols' => '2', 'class' => 'form-control', 'placeholder' => __('Home description en')]) !!}
                        </div>
                    </div>
                    <div class="col-md">
                        <h5>{{ __('Home title ar') }}</h5>
                        <div class="form-group">
                            {!! Form::text('home_title_ar', $data->home_title_ar, ['class' => 'form-control', 'placeholder' => __('Home title ar')]) !!}
                        </div>
                        <h5>{{ __('Home description ar') }}</h5>
                        <div class="form-group">
                            {!! Form::textarea('home_description_ar', $data->home_description_ar, ['rows' => '6', 'cols' => '2', 'class' => 'form-control', 'placeholder' => __('Home description ar')]) !!}
                        </div>
                    </div>


                </div>

                <h5 class="card-title" style="width: 100%">{{ __('Web-Erp') }}</h5>
                <div class="row">
                    <div class="col-md">
                        <h5>{{ __('Erp title en') }}</h5>
                        <div class="form-group">
                            {!! Form::text('erp_title_en', $data->erp_title_en, ['class' => 'form-control', 'placeholder' => __('Erp title en')]) !!}
                        </div>
                        <h5>{{ __('Erp description en') }}</h5>
                        <div class="form-group">
                            {!! Form::textarea('erp_description_en', $data->erp_description_en, ['rows' => '6', 'cols' => '2', 'class' => 'form-control', 'placeholder' => __('Erp description en')]) !!}
                        </div>
                    </div>
                    <div class="col-md">
                        <h5>{{ __('Erp title ar') }}</h5>
                        <div class="form-group">
                            {!! Form::text('erp_title_ar', $data->erp_title_ar, ['class' => 'form-control', 'placeholder' => __('Erp title ar')]) !!}
                        </div>
                        <h5>{{ __('Erp description ar') }}</h5>
                        <div class="form-group">
                            {!! Form::textarea('erp_description_ar', $data->erp_description_ar, ['rows' => '6', 'cols' => '2', 'class' => 'form-control', 'placeholder' => __('Erp description ar')]) !!}
                        </div>
                    </div>


                </div>

                <h5 class="card-title" style="width: 100%">{{ __('Web-AboutUs') }}</h5>
                <div class="row">
                    <div class="col-md">
                        <h5>{{ __('AboutUs description en') }}</h5>
                        <div class="form-group">
                            {!! Form::textarea('about_us_description_en', $data->about_us_description_en, ['rows' => '6', 'cols' => '2', 'class' => 'form-control', 'placeholder' => __('AboutUs description en')]) !!}
                        </div>
                    </div>
                    <div class="col-md">
                        <h5>{{ __('AboutUs description ar') }}</h5>
                        <div class="form-group">
                            {!! Form::textarea('about_us_description_ar', $data->about_us_description_ar, ['rows' => '6', 'cols' => '2', 'class' => 'form-control', 'placeholder' => __('AboutUs description ar')]) !!}
                        </div>
                    </div>
                </div>

                <h5 class="card-title" style="width: 100%">{{ __('Goals Cards') }}</h5>
                <br>
                <hr>

                <div class="row">
                    <div class="col-md">
                        <h6 class="text-center">
                            الكارت الأول
                        </h6>
                        <div class="card">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md text-center">
                                        {!! Form::file('cart_1_icon', null, ['class' => 'form-control', 'placeholder' => __('type.cart_1_icon')]) !!}
                                    </div>
                                    <div>
                                        @if ($data->cart_1_icon)
                                            <img id="cart_1_icon" src="{{ url($data->cart_1_icon) }}"
                                                width="200" /><br />

                                        @else
                                            <img class="col-md text-center" id="cart_1_icon"
                                                src="{{ url('/images/noimg.jpg') }}"
                                                style="width: 38%;object-fit: cover;" alt="your image" width="100" /><br />
                                        @endif

                                    </div>
                                </div>
                                {!! Form::text('cart_1_title_en', $data->cart_1_title_en, ['class' => 'form-control', 'placeholder' => __('عنوان الكارت الأول انجليزي')]) !!}
                                <br>
                                {!! Form::text('cart_1_title_ar', $data->cart_1_title_ar, ['class' => 'form-control', 'placeholder' => __('عنوان الكارت الأول عربي')]) !!}
                                <br>
                                {!! Form::textarea('cart_1_description_en', $data->cart_1_description_en, ['rows' => '6', 'cols' => '2', 'class' => 'form-control', 'placeholder' => __('وصف الكارت الأول انجليزي')]) !!}
                                <br>
                                {!! Form::textarea('cart_1_description_ar', $data->cart_1_description_ar, ['rows' => '6', 'cols' => '2', 'class' => 'form-control', 'placeholder' => __('وصف الكارت الأول عربي')]) !!}
                            </div>
                        </div>
                    </div>
                    <div class="col-md">
                        <h6 class="text-center">
                            الكارت الثاني
                        </h6>
                        <div class="card">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md text-center">
                                        {!! Form::file('cart_2_icon', null, ['class' => 'form-control', 'placeholder' => __('type.cart_2_icon')]) !!}
                                    </div>
                                    <div class="col-md text-center">
                                        <img id="cart_2_icon" src="{{ url('/images/noimg.jpg') }}"
                                            style="width: 100%;object-fit: cover;" alt="your image" width="200" /><br />

                                    </div>
                                </div>
                                {!! Form::text('cart_2_title_en', $data->cart_2_title_en, ['class' => 'form-control', 'placeholder' => __('عنوان الكارت الثاني انجليزي')]) !!}
                                <br>
                                {!! Form::text('cart_2_title_ar', $data->cart_2_title_ar, ['class' => 'form-control', 'placeholder' => __('عنوان الكارت الثاني عربي')]) !!}
                                <br>
                                {!! Form::textarea('cart_2_description_en', $data->cart_2_description_en, ['rows' => '6', 'cols' => '2', 'class' => 'form-control', 'placeholder' => __('وصف الكارت الثاني انجليزي')]) !!}
                                <br>
                                {!! Form::textarea('cart_2_description_ar', $data->cart_2_description_ar, ['rows' => '6', 'cols' => '2', 'class' => 'form-control', 'placeholder' => __('وصف الكارت الثاني عربي')]) !!}
                            </div>
                        </div>
                    </div>
                    <div class="col-md">
                        <h6 class="text-center">
                            الكارت الثالث
                        </h6>
                        <div class="card">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md text-center">
                                        {!! Form::file('cart_3_icon', null, ['class' => 'form-control', 'placeholder' => __('type.cart_3_icon')]) !!}
                                    </div>
                                    <div class="col-md text-center">
                                        <img id="cart_3_icon" src="{{ url('/images/noimg.jpg') }}"
                                            style="width: 100%;object-fit: cover;" alt="your image" width="200" /><br />

                                    </div>
                                </div>
                                {!! Form::text('cart_3_title_en', $data->cart_3_title_en, ['class' => 'form-control', 'placeholder' => __('عنوان الكارت الثالث انجليزي')]) !!}
                                <br>
                                {!! Form::text('cart_3_title_ar', $data->cart_3_title_ar, ['class' => 'form-control', 'placeholder' => __('عنوان الكارت الثالث عربي')]) !!}
                                <br>
                                {!! Form::textarea('cart_3_description_en', $data->cart_3_description_en, ['rows' => '6', 'cols' => '2', 'class' => 'form-control', 'placeholder' => __('وصف الكارت الثالث انجليزي')]) !!}
                                <br>
                                {!! Form::textarea('cart_3_description_ar', $data->cart_3_description_ar, ['rows' => '6', 'cols' => '2', 'class' => 'form-control', 'placeholder' => __('وصف الكارت الثالث عربي')]) !!}
                            </div>
                        </div>
                    </div>

                    <div class="col-md">
                        <h6 class="text-center">
                            الكارت الرابع
                        </h6>
                        <div class="card">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md text-center">
                                        {!! Form::file('cart_4_icon', null, ['class' => 'form-control', 'placeholder' => __('type.cart_4_icon')]) !!}
                                    </div>
                                    <div class="col-md text-center">
                                        <img id="cart_4_icon" src="{{ url('/images/noimg.jpg') }}"
                                            style="width: 100%;object-fit: cover;" alt="your image" width="200" /><br />

                                    </div>
                                </div>
                                {!! Form::text('cart_4_title_en', $data->cart_4_title_en, ['class' => 'form-control', 'placeholder' => __('عنوان الكارت الرابع انجليزي')]) !!}
                                <br>
                                {!! Form::text('cart_4_title_ar', $data->cart_4_title_ar, ['class' => 'form-control', 'placeholder' => __('عنوان الكارت الرابع عربي')]) !!}
                                <br>
                                {!! Form::textarea('cart_4_description_en', $data->cart_4_description_en, ['rows' => '6', 'cols' => '2', 'class' => 'form-control', 'placeholder' => __('وصف الكارت الرابع انجليزي')]) !!}
                                <br>
                                {!! Form::textarea('cart_4_description_ar', $data->cart_4_description_ar, ['rows' => '6', 'cols' => '2', 'class' => 'form-control', 'placeholder' => __('وصف الكارت الرابع عربي')]) !!}
                            </div>
                        </div>
                    </div>

                </div>

                <div class="col-sm-12 offset-sm-2">
                    {!! Form::submit(__('General.Save'), ['class' => 'btn btn-primary form-control']) !!}
                </div>
                {!! Form::Close() !!}
            </div>
            <script type="text/javascript" src="{{ url('./Panel/adminAssets/bootstrap-filestyle.min.js') }}"></script>
            <script>
                $(document).ready(function() {

                    $('input[type=file]').change(function() {
                        console.log(this.name)
                        readURL(this)
                    });

                    function readURL(input) {
                        if (input.files && input.files[0]) {
                            var reader = new FileReader();

                            reader.onload = function(e) {
                                $('#' + input.name).attr('src', e.target.result);
                            }

                            reader.readAsDataURL(input.files[0]);
                        }
                    }
                    $('input[type=file]').filestyle({
                        badge: true,
                        input: false,
                        text: '',
                        htmlIcon: '<i class="fas fa-cloud-upload-alt"></i>'
                    });
                    $('input[type=file] badge').text('');



                });

            </script>
        @endsection