@extends('backend.layout.master')
@section('backend-head')
    <!-- DataTables CSS -->
    <link href="{{ asset('backend/css/plugins/dataTables.bootstrap.css') }}" rel="stylesheet">
    <style>
        ul {
            margin: 0;
        }
        label {
            margin-top: 5px;
        }
    </style>
@endsection
@section('backend-main')
    <div class="row">
        <div class="col-lg-12">
            <h1 class="page-header">اعدادات الموقع</h1>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading">البيانات الخاصة بالموقع</div>
                <div class="panel-body">
                    @include('common.messages')
                    @if (session()->has('done'))
                        <div class="row" style="margin-top: 30px;">
                            <div class="col-md-12">
                                <p class="alert alert-success">{{ session()->get('done') }}</p>
                            </div>
                        </div>
                    @endif
                    <form action="{{ route('options') }}" method="post">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="name">اسم الموقع</label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="name" name="name" class="form-control" placeholder="اسم الموقع باللغة العربية" value="{{ $value->name }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="en_name"> الاسم بالانجليزية</label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="en_name" name="en_name" class="form-control" placeholder="اسم الموقع باللغة الانجليزية" value="{{ $value->en_name }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="description"> وصف الموقع</label>
                                </div>
                                <div class="col-md-10">
                                    <textarea name="description" id="description" cols="30" rows="5" class="form-control" placeholder="وصف شامل للموقع">{{ $value->description }}</textarea>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="tags">تاجات الموقع</label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="tags" name="tags" class="form-control" placeholder="التاجات التعريفية الخاصة بالموقع" value="{{ $value->tags }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="email">البريد الالكتروني</label>
                                </div>
                                <div class="col-md-10">
                                    <input type="email" id="email" name="email" class="form-control" placeholder="البريد الالكتروني الخاص بالموقع" value="{{ $value->email }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="phone">رقم الهاتف</label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="phone" name="phone" class="form-control" placeholder="رقم الهاتف الخاص بالموقع" value="{{ $value->phone }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="address">العنوان</label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="address" name="address" class="form-control" placeholder="العنوان الخاص بالموقع في حالة وجوده" value="{{ $value->address }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="facebook">رابط الفيسبوك</label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="facebook" name="facebook" class="form-control" placeholder="عنوان رابط صفحة الفيسبوك الخاص بالموقع" value="{{ $value->facebook }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="twitter">رابط تويتر</label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="twitter" name="twitter" class="form-control" placeholder="عنوان رابط صفحة تويتر الخاص بالموقع" value="{{ $value->twitter }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="google">رابط جوجل بلس</label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="google" name="google" class="form-control" placeholder="عنوان رابط صفحة جوجل بلس الخاص بالموقع" value="{{ $value->google }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="instagram">رابط الانستجرام</label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="instagram" name="instagram" class="form-control" placeholder="عنوان رابط صفحة الانستجرام الخاص بالموقع" value="{{ $value->instagram }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="youtube">رابط اليوتيوب</label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="youtube" name="youtube" class="form-control" placeholder="عنوان رابط صفحة اليوتيوب الخاص بالموقع" value="{{ $value->youtube }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="linkedin">رابط لينكدان</label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="linkedin" name="linkedin" class="form-control" placeholder="عنوان رابط صفحة لينكدان الخاص بالموقع" value="{{ $value->linkedin }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="apple">رابط أب ستور</label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="apple" name="apple" class="form-control" placeholder="عنوان رابط صفحة تحميل التطبيق من متجر الأب ستور " value="{{ $value->apple }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="android">رابط بلاي ستور</label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="android" name="android" class="form-control" placeholder="عنوان رابط صفحة تحميل التطبيق من متجر بلاي ستور " value="{{ $value->android }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="microsoft">رابط مايكروسوفت</label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="microsoft" name="microsoft" class="form-control" placeholder="عنوان رابط صفحة تحميل التطبيق من متجر ميكروسوفت " value="{{ $value->microsoft }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="rights"> حقوق الموقع</label>
                                </div>
                                <div class="col-md-10">
                                    <textarea name="rights" id="rights" cols="30" rows="3" class="form-control" placeholder="حقوق الموقع اسفل الفوتر">{{ $value->rights }}</textarea>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-12">
                                    <input type="submit" class="btn btn-primary form-control" value="حفظ">
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('backend-footer')
    <!-- DataTables JavaScript -->
    <script src="{{ asset('backend/js/jquery/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('backend/js/bootstrap/dataTables.bootstrap.min.js') }}"></script>
    <!-- Page-Level Demo Scripts - Tables - Use for reference -->
    <script>
        $(document).ready(function() {
            $('#dataTables-example').dataTable();
        });
    </script>
@endsection