@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/update-sub-activities/' . $sub_activity->id) }}"
                                enctype="multipart/form-data">
                                @csrf
                                <div class="form-group" hidden>
                                    <input type="text" hidden name="activity_id"
                                        value="{{ $sub_activity->activity->id }}">
                                </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>

                                <br><br>


                                <div id="Arabic" class="tabcontent">
                                    <!-- title -->
                                    <div class="form-group">
                                        <label>العنوان</label>
                                        <input name="ar_title" class="form-control" value="{{ $sub_activity->getTranslations('title')['ar'] }}" />
                                    </div>
                                    <!-- speakers -->
                                    <div class="form-group">
                                        <label>المتحدثون</label>
                                        <input name="ar_speakers" class="form-control" value="{{ $sub_activity->getTranslations('speakers')['ar'] }}"  />
                                    </div>
                                    <!-- summary , details -->
                                    <div class="form-row">
                                        <div class="form-group col-mg-6">
                                            <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_summary" id="editor0" rows="10" cols="80">
                                                                            {!! $sub_activity->getTranslations('summary')['ar'] !!}
                                                                        </textarea>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group col-mg-6">
                                            <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="editor1" rows="10" cols="80">
                                                                            {!! $sub_activity->getTranslations('details')['ar'] !!}
                                                                        </textarea>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

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

                                    </div>


                                </div>
                                <br><br>
                                <div id="English" class="tabcontent">
                                    <!-- title -->
                                    <div class="form-group">
                                        <label>العنوان</label>
                                        <input name="en_title" class="form-control" value="{{ $sub_activity->getTranslations('title')['en'] }}" />
                                    </div>
                                    <!-- speakers -->
                                    <div class="form-group">
                                        <label>المتحدثون</label>
                                        <input name="en_speakers" class="form-control" value="{{ $sub_activity->getTranslations('speakers')['en'] }}"  />
                                    </div>
                                    <!-- summary , details -->
                                    <div class="form-row">
                                        <div class="form-group col-mg-6">
                                            <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="en_summary" id="editor2" rows="10" cols="80">
                                                                            {!! $sub_activity->getTranslations('summary')['en'] !!}
                                                                        </textarea>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group col-mg-6">
                                            <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="en_details" id="editor3" rows="10" cols="80">
                                                                            {!! $sub_activity->getTranslations('details')['en'] !!}
                                                                        </textarea>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

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

                                    </div>


                                </div>
                                <br><br>
                                <!-- image -->

                                <div class="form-group">
                                    <h1 style="padding: 30px 0px;">صور النشاط الفرعى</h1>
                                    @foreach ($sub_activity->docs as $images)
                                        @if ($images->doc_type == 'images')
                                            <img src="{{ asset('assets/project_asset/sub_activities/' . $images->doc_name) }}"
                                                style="width: 80px; margin-left: 50px;"> 
                                                <a href="{{ url('adminPanel/delete-sub-activity-doc/' . $images->id) }}" class="btn btn-danger">Delete</a> 
                                                <br>
                                        @endif
                                    @endforeach
        
                                </div>
                                <hr>

                                <div class="panel-body">
                                    <h1 style="padding: 30px 0px;">ملحقات النشاط الفرعى</h1>
                                    @foreach ($sub_activity->docs as $pdfs)
                                        @if ($pdfs->doc_type == 'pdfs')
                                            <div style="font-size: 20px; height: 80px; padding-top: 25px;" class="form-control"> 
                                                <img src="{{ asset('images/pdf.png') }}" style="width: 20px;">
                                                <a style="margin-left: 50px;" href="{{ url("assets/project_asset/sub_activities/" . $pdfs->doc_name ) }}" target="_blank"> {{ $pdfs->doc_name }} </a>
                                                <a href="{{ url('adminPanel/delete-sub-activity-doc/' . $images->id) }}" class="btn btn-danger">Delete</a> 
                                            </div>
                                            <br>
                                        @endif
                                    @endforeach
        
                                </div>
                                <hr>

                                <!-- image -->
                                <div class="form-group">
                                    <label>صور النشاط الفرعى</label>
                                    <input type="file" name="image[]" class="form-control" accept="image/png, image/gif, image/jpeg" multiple />
                                </div>

                                <!-- pdfs -->
                                <div class="form-group">
                                    <label>ملحقات النشاط الفرعى</label>
                                    <input type="file" name="pdf[]" class="form-control" accept="application/pdf" multiple />
                                </div>
                                <hr>

                                <!-- start_date , end_date , appearance -->

                                <div class="form-row">
                                    <div class="form-group col-md-3">
                                        <label>تاريخ بدايه النشاط</label>
                                        <input type="date" name="start_date" class="form-control"
                                            value="{{ $sub_activity->start_date }}" />
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label>تاريخ نهايه النشاط</label>
                                        <input type="date" name="end_date" class="form-control"
                                            value="{{ $sub_activity->end_date }}" />
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label>اظهار اخفاء</label>
                                        <select class="form-control" name="appearance">
                                            <option value="show">اظهار</option>
                                            <option value="hide">اخفاء</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label>اهم الفعليات </label>
                                        <select class="form-control" name="imp_facts">
                                            <option value="yes">نعم</option>
                                            <option value="no">لا</option>
                                        </select>
                                    </div>

                                </div>


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

                            </form>

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



@include('shared.footer')