@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-publication/' . $publication->id) }}"
                                enctype="multipart/form-data">
                                @csrf

                                <div class="form-group">
                                    <label> اختر القسم</label>
                                    <select name="cat_id" class="form-control">
                                        @foreach ($publications_cats as $value)
                                            <option value="{{ $value->id }}">{{ $value->cat_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label> العنوان</label>
                                    <input class="form-control" name="News_Title" value="{{ $publication->News_Title }}"
                                        type="text"></textarea>
                                </div>
                                <div class="form-group">
                                    <label> التفاصيل</label>
                                    <textarea class="form-control" name="News_Description" cols="30" rows="10">
                                        {!! $publication->News_Description !!}
                                    </textarea>
                                </div>
                                <br>
                                <div style="background-color: #aaa; color: #fff; padding:20px;">English Content</div>
                                <br>
                                <div class="form-group">
                                    <label> Title (En)</label>
                                    <input name="News_Title_en" value="{{ $publication->News_Title_en }}"
                                        class="form-control" />
                                </div>
                                <div class="form-group">
                                    <label> Details (En)</label>
                                    <textarea class="form-control" name="News_Description_en" cols="30" rows="10">
                                        {!! $publication->News_Description_en !!}
                                    </textarea>
                                </div>

                                <br><br>

                                <div class="form-group">
                                    <label>الصوره </label>
                                    <input type="file" name="img" class="form-control" />
                                </div>
                                <br>
                                <div class="form-group">
                                    <label>الصوره فى الرئيسيه</label>
                                    <input type="file" name="img_home" class="form-control" />
                                </div>
                                <br>
                                <div class="form-group">
                                    <label> الظهور والاخفاء</label>
                                    <select name="active" class="form-control">
                                        <option value="1">اظهار</option>
                                        <option value="0">اخفاء</option>
                                    </select>
                                </div>
                                <br>
                                <div class="form-group">
                                    <label> ظهور / اخفاء</label>
                                    <select name="Show_Home" class="form-control">
                                        <option value="1">اظهار</option>
                                        <option value="0">اخفاء</option>
                                    </select>
                                </div>
                                <br>
                                <div class="panel-body">
                                    <h1 style="font-weight: bold">المفات</h1>
                                    @foreach ($publication->pdfs as $pdf)
                                        <div style="font-size: 20px; height: 80px; padding-top: 25px;"
                                            class="form-control">
                                            <img src="{{ asset('images/pdf.png') }}" style="width: 20px;">
                                            <a href="{{ url('' . $pdf->Pdf) }}" target="_blank"> {{ $pdf->Title }}
                                            </a>
                                            <a href="{{ url('adminPanel/delete-publication-pdf/' . $pdf->id) }}" class="btn btn-danger"> Delete </a>
                                        </div><br>
                                    @endforeach

                                </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_ar[1]"
                                            placeholder="title in arabic" class="form-control">
                                        <br>
                                        <input type="text" name="title_en[1]"
                                            placeholder="title in english" class="form-control">
                                        <br>
                                        <input type="file" name="pdf[1]" class="form-control"
                                            accept="application/pdf" />

                                    </div>
                                </div>
                                <br>
                                <div class="form-group">
                                    <label>تاريخ الابتداء</label>
                                    <input type="date" value="{{ $publication->Modify_Date }}" name="Modify_Date"
                                        class="form-control" />
                                </div>
                                <br>
                                <div class="form-group">
                                    <label>تاريخ الانتهاء</label>
                                    <input type="date" value="{{ $publication->End_Date }}" name="End_Date"
                                        class="form-control" />
                                </div>
                                <br>
                                <button type="submit" class="btn btn-default">حفظ</button>
                                <a href="{{ url('adminPanel/publications') }}" 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_ar[' +
                    x + ']" placeholder="title in arabic"/><br><input type="text" name="title_en[' +
                    x +
                    ']" placeholder="title in english" class="form-control"><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')