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

                                <br>
                                <!-- title -->
                                <div class="form-group">
                                    <label>الاسم</label>
                                    <input name="cat_name" class="form-control" />
                                </div>
                                <!-- summry -->
                                <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="summry" id="editor0" rows="10" cols="80">
                        
                                                                    </textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

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

                                </div>

                                <div class="form-group">
                                    <label>الكلمه الدله</label>
                                    <input type="text" name="Keyword" class="form-control" />
                                </div>

                                <div style="background-color: #aaa; color: #fff; padding:20px;">English Content</div>

                                <!-- title -->
                                <div class="form-group">
                                    <label>name</label>
                                    <input name="cat_name_en" class="form-control" />
                                </div>
                                <!-- summry -->
                                <div class="form-row">
                                    <div class="form-group col-mg-6">
                                        <label>summry</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="summry_en" id="editor1" rows="10" cols="80">
                        
                                                                    </textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

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

                                </div>

                                <div class="form-group">
                                    <label>Keyword - SEO</label>
                                    <input type="text" name="Keyword_en" class="form-control" />
                                </div>


                                <!-- 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 for="exampleInputEmail1">الملفات</label>
                                    <div class="row input_fields_wrap">
                                        <a class="pure-button pure-button-primary add_field_button btn btn-primary"
                                        style="margin-bottom: 10px;">
                                            اضافه ملف جديد
                                        </a>
                                        <br>
                                        <label for="">الملف رقم 1</label>
                                        <input type="text" name="title[1]" placeholder="title1"
                                                class="form-control">
                                        <br>
                                        <input type="file" name="pdf[1]" class="form-control" accept="application/pdf"/>

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label> الصوره فى الرئيسيه </label>
                                    <input type="file" name="img_home" class="form-control" />
                                </div>

                                <div class="form-group">
                                    <label>الترتيب</label>
                                    <input type="number" name="Rank" class="form-control" />
                                </div>
                                <hr>

                                <div class="form-group">
                                    <label for="exampleInputEmail1">الفيديو</label>
                                    <div class="row">
                                        <label for="">عنوان الفيديو</label>
                                        <input type="text" name="link_title" placeholder="title1"
                                                class="form-control">
                                        <br>
                                        <label for="">لينك الفيديو</label>
                                        <input type="text" name="link" placeholder="link1"
                                                class="form-control">

                                    </div>
                                </div>
                                <hr>

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

                                <div class="form-group">
                                    <div class="form-row">

                                        <div class="form-group col-md-3">
                                            <label>تاريخ نهايه النشاط</label>
                                            <input type="date" name="end_date" class="form-control" />
                                        </div>
                                        <div class="form-group col-md-3">
                                            <label>تاريخ بدايه النشاط</label>
                                            <input type="date" name="start_date" class="form-control" />
                                        </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>
                                </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>

<script>
    $(document).ready(function() {
        var max_fields = 1200;
        var wrapper = $(".input_fields_wrap"); //Fields wrapper
        var add_button = $(".add_field_button"); //Add button ID

        var x = 2; //initlal text box count
        $(add_button).click(function(e) { //on add input button click
            e.preventDefault();
            if (x < max_fields) {
                $(wrapper).append(
                    '<div class="container" id="cont' + x + '"></div>'
                );

                $(wrapper).append(
                    '<br><div><label for="">اللينك رقم '+ x +'</label><input class="form-control" type="text" name="title[' +
                    x + ']" placeholder="title' + x +
                    '"/><br><input type="file" name="pdf[' +
                    x + ']" class="form-control" accept="application/pdf"/><a href="#" class="remove_field btn btn-danger"> <i class="fa fa-minus"></i> </a></div>'
                ); //add input box
                x++;
            }
        });

        $(wrapper).on("click", ".remove_field", function(e) { //user click on remove text
            e.preventDefault();
            $(this).parent('div').remove();
            x--;
        })
    });
</script>



@include('shared.footer')