@include('shared.header')
@include('shared.navbar')


<div id="wrapper">
    <!-- /. ROW  -->
    <hr />
    <div class="row">
        <div class="col-md-12">
            <!-- Form Elements -->
            <div class="panel panel-default">
                <div class="panel-heading">
                    اضافه عضو فريق جديد
                </div>
                <div class="panel-body">
                    <div class="row">
                        <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/store-team-member') }}"
                                enctype="multipart/form-data">
                                @csrf

                                <div class="form-group">
                                    <label>صوره العضو</label>
                                    <input type="file" name="image" class="form-control" />
                                </div>

                                <br><br>
                                <div class="form-group">
                                    <label>البريد الالكترونى للعضو</label>
                                    <input type="email" name="email" class="form-control" />
                                </div>

                                <br><br>
                                <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 name="ar_name" class="form-control" />
                                    </div>
                                    <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_details" id="editor0" rows="10" cols="80">
                                                                                            
                                                                          </textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

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

                                <div id="English" class="tabcontent">
                                    <div class="form-group" style="direction: ltr">
                                        <label>member name </label>
                                        <input name="en_name" class="form-control" />
                                    </div>
                                    <div class="form-group" style="direction: ltr">
                                        <label>member details </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_details" id="editor1" rows="10" cols="80">
                                                                                            
                                                                          </textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

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


                                <br><br>

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

                            </form>

                        </div>
                    </div>
                </div>
            </div>
            <!-- End Form Elements -->
        </div>
    </div>
</div>



@include('shared.footer')