@include('shared.header')
@include('shared.navbar')
<!-- /. ROW  -->
<hr />
<div class="row" style="margin: auto">
    <div class="col-md-12">
        <!-- Advanced Tables -->
        <div class="panel panel-default">
            <div class="panel-heading">
                بيانات الصفحات

            </div>
            <div class="panel-body">
                <div class="col-md-12">
                    @foreach ($errors->all() as $error)
                        <div class="alert alert-danger"
                            style="direction: rtl; width:50%; margin: auto; font-size: 20px; font-weight: bold"
                            role="alert">
                            {{ $error }}
                        </div><br>
                    @endforeach
                    <form method="POST" action="{{ url('adminPanel/update-page/' . $page->id) }}"
                        enctype="multipart/form-data">
                        @csrf
                        <label for="">اضغط هنا لملئ باقي البيانات</label>
                        <div class="tab">
                            <button type="button" class="tablinks" onclick="openCity(event, 'Arabic')">Arabic</button>
                            <button type="button" class="tablinks"
                                onclick="openCity(event, 'English')">English</button>
                        </div>



                        <div id="Arabic" class="tabcontent">
                            <div class="form-group">
                                <label> الاسم </label>
                                <input type="text" name="ar_name" class="form-control" value="{{ $page->getTranslations('name')['ar'] }}">
                            </div><br><br>
                            <div class="form-group">
                                <label> المحتوى </label>
                                <div ng-app="gaigDemo">
                                    <div class="with-bg" ng-controller="DemoCtrl as demo" class="demo">
                                        <div class="wrapper" style="padding: 0px;">
                                            <div class="navbar navbar-static-top">
                                                <div class="navbar-inner"></div>
                                            </div>
                                            <div class="navhelper">
                                                <div class="navhelper-inner"></div>
                                            </div>

                                            <div class="gaig-main">
                                                <div class="gaig-stage">
                                                    <div class="gaig-stage-inner">
                                                        <div>
                                                            <textarea name="ar_content" id="editor0" rows="10" cols="80">
                                                                {{ $page->getTranslations('content')['ar'] }}          
                                                                  </textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

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

                        <div id="English" class="tabcontent">
                            <div class="form-group" style="direction: ltr">
                                <label> name </label>
                                <input type="text" name="en_name" class="form-control" value="{{ $page->getTranslations('name')['en'] }}">
                            </div><br><br>
                            <div class="form-group" style="direction: ltr">
                                <label> content</label>
                                <div ng-app="gaigDemo">
                                    <div class="with-bg" ng-controller="DemoCtrl as demo" class="demo">
                                        <div class="wrapper" style="padding: 0px;">
                                            <div class="navbar navbar-static-top">
                                                <div class="navbar-inner"></div>
                                            </div>
                                            <div class="navhelper">
                                                <div class="navhelper-inner"></div>
                                            </div>

                                            <div class="gaig-main">
                                                <div class="gaig-stage">
                                                    <div class="gaig-stage-inner">
                                                        <div>
                                                            <textarea name="en_content" id="editor1" rows="10" cols="80">
                                                                {{ $page->getTranslations('content')['en'] }}
                                                                  </textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

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


                        <br><br>

                        <button type="submit" class="btn btn-default">حفظ</button>
                        <a href="{{ url('adminPanel/pages') }}" type="reset" class="btn btn-primary">رجوع</a>

                    </form>

                </div>

            </div>
        </div>
        <!--End Advanced Tables -->
    </div>
</div>

@include('shared.footer')