@include('shared.header')
@include('shared.navbar')
<div class="row">
    <div class="col-md-12">
        <h2> اسم و لوجو الموقع </h2>
    </div>
</div>
<!-- /. ROW  -->
@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
<hr />
<div class="row" style="margin: auto">
    <div class="col-md-12 col-sm-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                بيانات الانشطه
            </div>
            <div class="panel-body">
                <div class="table-responsive">
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <img src="{{ asset('assets/project_asset/site_name/' . $site_info->logo) }}"
                                        style="width: 80px; height: 70px;;">
                                </div>
                                <div class="panel-body">
                                    <ul class="nav nav-pills">
                                        <li class=""><a href="#home-pills{{ $site_info->id }}"
                                                data-toggle="tab">الملخص باللغه
                                                العربيه</a>
                                        </li>
                                        <li class=""><a href="#profile-pills{{ $site_info->id }}"
                                                data-toggle="tab">الملخص باللغه
                                                الانجليزيه</a>
                                        </li>
                                        <li class=""><a href="#messages-pills{{ $site_info->id }}"
                                                data-toggle="tab">العنوان
                                                باللغه العربيه</a>
                                        </li>
                                        <li class="active"><a href="#settings-pills{{ $site_info->id }}"
                                                data-toggle="tab">العنوان
                                                باللغه الانجليزيه</a>
                                        </li>
                                    </ul>

                                    <div class="tab-content">
                                        <div class="tab-pane fade" id="home-pills{{ $site_info->id }}">
                                            <h4>{!! $site_info->getTranslations('summary')['ar'] !!}</h4>
                                        </div>
                                        <div class="tab-pane fade" id="profile-pills{{ $site_info->id }}">
                                            <h4>{!! $site_info->getTranslations('summary')['en'] !!}</h4>
                                        </div>
                                        <div class="tab-pane fade" id="messages-pills{{ $site_info->id }}">

                                            <h4>{{ $site_info->getTranslations('name')['ar'] }}</h4>
                                        </div>
                                        <div class="tab-pane fade active in" id="settings-pills{{ $site_info->id }}">
                                            <h4>{{ $site_info->getTranslations('name')['en'] }}</h4>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel-heading" style="text-align: center">
                                    <a href="{{ url('adminPanel/edit-site-info/' . $site_info->id) }}"
                                        class="btn btn-success">تعديل</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

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

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <br><br><br><br><br><br>
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">اضافه صوره</h5>
            </div>

            <form action="{{ url('adminPanel/store-slider') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="modal-body">
                    <label>الصوره</label>
                    <input type="file" name="image">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">اغلاق</button>
                    <button type="submit" class="btn btn-primary">حفظ</button>
                </div>
            </form>

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

@include('shared.footer')