@extends("layouts.app")
@section("title")
    @php $tablename="Article" @endphp
Articles
@if(isset($_GET['source_id']) && ($_GET['source_id']!="rss"))
    @php
    $source_name=$_GET['source_id'];
    $type="source";
    @endphp
@elseif(isset($_GET['source_id']) && ($_GET['source_id']=="rss"))
    @php
    $source_name="rss";
    $type="rss";
    @endphp
@else 
    @php
    $source_name="";
    $type="";
    @endphp
@endif
@endsection
@section("content")
{{-- ---------------------------------------------------- table 1 html -------------------------------------------------- --}}
<style type="text/css">
    .select2-container {
        width: 100% !important;
        padding: 0;
    }
    .select2-dropdown {  
  z-index: 10060 !important;/*1051;*/
}
div#m_table__1_filter {
    display: none;
}

</style>
@php $tableNo=1;

 @endphp

    <div  class="kt-portlet kt-portlet--mobile">
        <div class="kt-portlet__head">
            <div class="kt-portlet__head-caption">
                <div class="kt-portlet__head-title">

                </div>
            </div>
            <div class="kt-portlet__head-tools" style="display:none">
                <ul class="kt-portlet__nav">
                    <a href="#" class="btn btn-primary m-btn m-btn--pill m-btn--custom m-btn--icon m-btn--air"
                       id="modal_button__{{$tableNo}}" data-toggle="modal" data-target="#m_modal__{{$tableNo}}">
                            <span>
                                <i class="la la-cart-plus"></i>
                                <span></span>
                            </span>
                    </a>
                </ul>
            </div>
        </div>

        <div class="kt-portlet__body">
            <form class="kt-form kt-form--fit kt-margin-b-20">


                <div class="row kt-margin-b-20">
                    <div class="col-lg-4 kt-margin-b-10-tablet-and-mobile">
                        <label>Keyword :</label>
                        <input type="text" class="form-control" name="keyword_en" id="keyword_en">
                    </div>

                <div class="col-lg-4 kt-margin-b-10-tablet-and-mobile">
                    <label>Status :</label>
                    <select class="form-control kt-input" name="status" id="status" data-col-index="5">
                        <option value="">Select</option>
                        <option value="in review">In review</option>
                        <option value="ready to be published">Ready to be published</option>
                        <option value="rejected">Rejected</option>
                        <option value="published">Published</option>
                    </select>
                </div>
                    <div id="publication_type_div" class="col-lg-4 kt-margin-b-10-tablet-and-mobile">
                        <label>Publication type:</label>
                        <select id="publication_type_id" name="publication_type_id"  class="form-control kt-input"  data-col-index="3">
                            <option value="">Select</option>
                            @foreach($data['PublicationType'] as $publication_type)
                                <option {{(isset($_GET['publication_type_id']) && in_array($publication_type->id, $_GET['publication_type_id']))?"selected":""}} value="{{$publication_type['id']}}">{{$publication_type['name']}}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-4 kt-margin-b-10-tablet-and-mobile">
                        <label>sources:</label>
                        <select id="source_id" name="source_id"  class="form-control kt-input"  data-col-index="3">
                            <option value="">Select</option>
                            @foreach($data['sources'] as $source)
                                <option {{($source_name != "rss") &&  ($source_name==$source['name'])? "selected":""}} value="{{$source['name']}}">{{$source['name']}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-4 kt-margin-b-10-tablet-and-mobile">
                        <label>Area of interests:</label>
                        <select  id="mark" class="form-control kt-input" data-col-index="2">
                            <option value="empty">Select</option>
                            @foreach($data['main_keywords'] as $main_keyword)
                                <option value="{{$main_keyword['id']}}">{{$main_keyword['keyword_en']}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-lg-4 kt-margin-b-10-tablet-and-mobile">
                        <label>Topics:</label>
                        <select id="series" name="series[]" multiple class="form-control kt-input"  data-col-index="3">
                            @foreach($data['keywords'] as $keyword)
                                <option data-chained="{{$keyword['parent_id']}}" value="{{$keyword['id']}}">{{$keyword['keyword_en']}}</option>
                                <option data-chained="empty" value="{{$keyword['id']}}">{{$keyword['keyword_en']}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

            <hr> <br>
            <div class="row">
                <div class="col-lg-12">
                    <button class="btn btn-primary btn-brand--icon" id="kt_search">
                        <span>
                            <i class="la la-search"></i>
                            <span>Search</span>
                        </span>
                    </button>
                    &nbsp;&nbsp;
                    <button class="btn btn-secondary btn-secondary--icon" id="kt_reset">
                        <span>
                            <i class="la la-close"></i>
                            <span>Reset</span>
                        </span>
                    </button>
                </div>
            </div>
            <br><br>
        </form>
            <!--begin: Datatable -->
            <table class="cell-border table-striped" id="m_table__{{$tableNo}}">
            </table>
            <div class="modal fade" id="m_modal__{{$tableNo}}" role="dialog" aria-labelledby="exampleModalLabel"
                 style="display: none;" aria-hidden="true">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Add/Edit</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                        </div>
                        <div class="modal-body">

                            <div class="kt-login__form">
                                <form class="kt-login__form m-form" id="form_add__1" method="POST"
                                      action="">

                                    <div class="form-group row">

                                        <div class="col-md-12">
                                            <label class="control-label">Title
                                                <span class="required"> * </span>
                                            </label>
                                            <input type="text" class="form-control" id="title" name="title" >
                                        </div>
                                        <div class="col-md-12">
                                            <label class="control-label">Body
                                                <span class="required"> * </span>
                                            </label>
                                            <textarea name="body" id="body" class="form-control" rows="10"></textarea>
                                        </div>
                                        <div class="col-md-12">
                                            <label class="control-label">Additional data 
                                                <span class="required"> * </span>
                                            </label>
                                            <textarea name="first_published_date" id="first_published_date" class="form-control" rows="10"></textarea>
                                        </div>

                                        <div class="col-md-6">
                                            <label class="control-label">Countries
                                                <span class="required"> * </span>
                                            </label>
                                            <select multiple name="countries[]" id="countries">
                                                @foreach($data['countries'] as $country)
                                                    <option value="{{$country->id}}">{{$country->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="control-label">Topics
                                                <span class="required"> * </span>
                                            </label>
                                            <select id="article_keywords" name="article_keywords[]" multiple class="form-control kt-input"  data-col-index="3">
                                                @foreach($data['keywords'] as $keyword)
                                                    <option value="{{$keyword['id']}}">{{$keyword['keyword_en']}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="control-label">Type of publication
                                                <span class="required"> * </span>
                                            </label>
                                            <select class="form-control" name="publication_type_id" id="publication_type_id">
                                                @foreach($data['publication_types'] as $publication_types)
                                                    <option value="{{$publication_types->id}}">{{$publication_types->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-md-6">
                                            <label class="control-label">Source
                                            </label>
                                            <input type="text" readonly class="form-control" id="source" name="source" >
                                        </div>
                                    </div>


                                    <input type="hidden" name="_method" value="post">

                                    {{ csrf_field() }}
                                    <div class="kt-login__center text-center" style="width: 100%;margin-bottom: 20px">                               <input type="submit" class="btn btn-brand btn-pill btn-elevate" value="Save" >
                                        <input type="reset" id="form_reset__1" style="display: none;" >
                                    </div>                            </form>

                            </div>
                        </div>

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

        </div>
        <!-- END EXAMPLE TABLE PORTLET-->
    </div>

    <form method="post" id="delete_form__{{$tableNo}}">
        {{csrf_field()}}
        <input type="hidden" name="_method" value="delete"/>
        <input type="hidden" name="rejection_comment" id="rejection_comment2" value=""/>
        <input type="hidden" name="rejection_reason" id="rejection_reason2" value=""/>
        <input type="hidden" name="publication_type" id="publication_type2" value=""/>
        <input type="hidden" name="newsletter_list" id="newsletter_list2" value=""/>
        
    </form>

@endsection
@section("script")

@php
$publicationSelect = '<select  class="form-control kt-input" name="publication_type" id="publication_type" ><option value="">Select a Publication type</option>';
foreach($data['PublicationType'] as $PublicationType){
        $publicationSelect.= '<option value="'.$PublicationType->id.'">'.$PublicationType->name.'</option>';
}
$publicationSelect.= '</select>';  
$publicationSelect.= '</select><br><select class="form-control kt-input" name="newsletter_list" id="newsletter_list" data-col-index="5"><option value="">Add to newsletter list</option><option value="no">No</option><option value="yes">Yes</option></select>';  

                            
@endphp


<script type="text/javascript" src="{{url("js/main2.js")}}"></script>
<script view="{{$_GET['view']}}" type="text/javascript" src="{{url("js/backend/".$tablename.".js")}}"
        tablename="{{$tablename}}"
        Permissions="{{json_encode($MyPermissionPage)}}"
        lang="{{\Illuminate\Support\Facades\App::getLocale()}}"
        url_website="{{url("")}}"
        publicationSelect="{{$publicationSelect}}"
></script>

@endsection