@extends('front/layouts/main')

@section('title'){{ @trans('movement.my_articles') }}@endsection

@section('content')
    <main class="mover-stats-page bg-white pb-5">
        <div class="container">
           <div class="row stats">
                <div class="col-sm col-6">
                    <p class="bold m-0">@if($movementCount->readc) 
                                            {{$movementCount->readc}}
                                        @else
                                            0
                                        @endif</p>
                    <p class="bold m-0 gray">{{ @trans('movement.views')}}</p>
                </div>
                <div class="col-sm col-6">
                    <p class="bold m-0">@if($movementCount->saved) 
                                            {{$movementCount->saved}}
                                        @else
                                            0
                                        @endif</p>
                    <p class="bold m-0 gray">{{ @trans('movement.save')}}</p>
                </div>
                <div class="col-sm col-6 mt-3 mt-sm-0">
                    <p class="bold m-0">@if($movementCount->shared) 
                                            {{$movementCount->shared}}
                                        @else
                                            0
                                        @endif</p>
                    <p class="bold m-0 gray">{{ @trans('movement.share') }}</p>
                </div>
                <div class="col-sm col-6 mt-3 mt-sm-0">
                    <p class="bold m-0">@if($movementCount->likes) 
                                            {{$movementCount->likes}}
                                        @else
                                            0
                                        @endif</p>
                    <p class="bold m-0 gray">{{ @trans('movement.likes') }}</p>
                </div>
                <div class="col-12">
                    <hr class="mb-sm-5">
                </div>
            </div>
            <form>
            
            <input name="status" id="hid_status" type="hidden" value="{{app('request')->input('status')}}">
            <input type="hidden" name="act" value="{{app('request')->input('act')}}">
            <input name="series_id" id="hide_series_id" type="hidden" value="{{app('request')->input('series_id')}}">
            <input name="category_id" id="hid_category_id" type="hidden" value="{{app('request')->input('category_id')}}">
            <input name="topic_id" id="hid_topic_id" type="hidden" value="{{app('request')->input('topic_id')}}">
            <input name="type" id="hid_type" type="hidden" value="{{app('request')->input('type')}}">
            <input name="hot" id="hid_hot_off_the_press" type="hidden" @if(app('request')->input('hot')) @if(app('request')->input('hot')== 1) value="1" @endif @endif>
            <div class="fixed-wrapper d-md-none">
                <div class="form-group mb-0 select transparent without-label d-block d-md-none">
                    <i class="gray material-icons">import_export</i>
                    <select class="gray" name="sort" onchange="this.form.submit()">
                        <option value="3" @if(app('request')->input('sort') == "3")) selected @endif>{{ @trans('movement.popular_articles') }}</option>
                        <option value="1" @if(app('request')->input('sort') == "1")) selected @endif>{{ @trans('movement.date_ascending') }}</option>
                        <option value="2" @if(app('request')->input('sort') == "2")) selected @endif>{{ @trans('movement.date_descending') }}</option>
                    </select>
                </div>
                <a href="#filter-modal" class="gray filter-btn border-left" data-toggle="modal" data-target="#filter-modal"><i class="gray material-icons mr-1">filter_list</i> Filter</a>
            </div>  
            </form>  
            <div class="row">
                <div class="col-lg-3 col-md-4">
                    <div class="sidebar left modal" id="filter-modal">
                        <div class="title-wrapper">
                            <h3 class="h3-title h3">{{ @trans('movement.filter_articles') }}</h3>
                            <a href="{{route('front.movement.index')}}" class="clear-link float-right title-act gray"><i class="material-icons">refresh</i> {{ @trans('movement.clear') }}</a>
                        </div>

                         <form autocomplete="off" name="filter" id="filter">
                            <div class="form-group select btm-arrow">
                                <label class="control-label">{{ @trans('movement.series2') }}</label>
                                <select name="series_id" id="series_id" class="form-control">
                                    <option value="">{{ @trans('movement.select') }}</option>
                                    @foreach($seriesList as $key => $series)
                                    <option value="{{$series->id}}" @if(app('request')->input('series_id') == $series->id) selected="select" @endif >{{$series->series_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group select btm-arrow">
                                <label class="control-label">{{ @trans('movement.category') }}</label>
                                <select name="category_id" id="category_id" class="form-control">
                                    <option value="">{{ @trans('movement.select') }}</option>
                                    @foreach($categoryList as $key => $category)
                                    <option value="{{$category->id}}" @if(app('request')->input('category_id') == $category->id) selected="select" @endif >{{$category->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group select btm-arrow">
                                <label class="control-label">{{ @trans('movement.topic') }}</label>
                                <select name="topic_id" id="topic_id" class="form-control">
                                    <option value="">{{ @trans('movement.select') }}</option>
                                    @foreach($topicList as $key => $topic)
                                    <option value="{{$topic->id}}" @if(app('request')->input('topic_id') == $topic->id) selected="select" @endif >{{$topic->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group select btm-arrow">
                                <label class="control-label">{{ @trans('movement.status') }}</label>
                                <select name="status" id="status" class="form-control">
                                    <option value="">{{ @trans('movement.select') }}</option>
                                    <option value="5" @if(app('request')->input('status') == 5) selected="select" @endif>{{ @trans('movement.draft') }}</option>
                                    <option value="2" @if(app('request')->input('status') == 2) selected="select" @endif>{{ @trans('movement.in_review') }}</option>
                                    <option value="1" @if(app('request')->input('status') == 1) selected="select" @endif>{{ @trans('movement.published') }}</option>
                                    <option value="4" @if(app('request')->input('status') == 4) selected="select" @endif >{{ @trans('movement.rejected') }}</option>
                                </select>
                            </div>
                            <div class="form-group select btm-arrow">
                                <label class="control-label">{{ @trans('movement.content_type') }}</label>
                                <select name="type" id="type" class="form-control">
                                    <option value="">{{ @trans('movement.all_articles') }}</option>
                                    <option value="1" @if(app('request')->input('type') == 1) selected="select" @endif >{{ @trans('movement.articles_with_audios') }}   </option>
                                    <option value="2" @if(app('request')->input('type') == 2) selected="select" @endif >{{ @trans('movement.articles_with_videos') }}   </option>
                                   
                                </select>
                            </div>
                            <div class="form-group">
                                <div class="switch-wrapper">
                                    <label class="switch">
                                        <input name="hot" value="1" type="checkbox" @if(app('request')->input('hot')) @if(app('request')->input('hot') == 1) checked @endif @endif>
                                        <span class="slider round"></span>
                                    </label><span class="gray ml-2 switch-name">{{ @trans('movement.hot_off_the_press') }}</span>
                                </div>                               
                            </div>
                            
                            <input type="hidden" name="act" value="{{app('request')->input('act')}}">
                            <input type="hidden" name="sort" value="{{app('request')->input('sort')}}">
                        <input type="submit" class="btn btn-transparent" value="Search">
                        <a href="{{route('front.movement.index')}}" class="btn btn-bordered"><i class="material-icons">refresh</i> {{ @trans('movement.clear') }}</a>
                        </form>
                       
                            
                        
                    </div>
                </div>
                <div class="col-lg-9 col-md-8 mt-3 mt-md-0 infinite-scroll">
                    <div class="row">
                        <div class="col-12">
                            <div class="title-wrapper m-0 justify-content-start align-items-center">
                                <h3 class="h3-title h3 mr-auto">
                               
                                @if(app('request')->input('saved') == 1)
                                {{ @trans('movement.bookmarked_articles') }}                                   
                                @else
                                {{ @trans('movement.my_articles') }}
                                @endif
                                </h3>
                                <div class="form-group mb-0 select btm-arrow float-right transparent without-label d-none d-md-block gray mb-2">
                                    <form name="filter">
                                    <input name="status" id="hid_status" type="hidden" value="{{app('request')->input('status')}}">
                                    <input name="series_id" id="hide_series_id" type="hidden" value="{{app('request')->input('series_id')}}">
                                    <input name="category_id" id="hid_category_id" type="hidden" value="{{app('request')->input('category_id')}}">
                                    <input name="topic_id" id="hid_topic_id" type="hidden" value="{{app('request')->input('topic_id')}}">
                                    <input name="type" id="hid_type" type="hidden" value="{{app('request')->input('type')}}">
                                    <input name="hot" id="hid_hot_off_the_press" type="hidden" @if(app('request')->input('hot')) @if(app('request')->input('hot')== 1) value="1" @endif @endif>
                                    <label class="gray mb-0">{{ @trans('movement.sort_by') }}</label>
                                    <select class="gray" name="sort" onchange="this.form.submit()">
                                        <option value="3" @if(app('request')->input('sort') == "3")) selected @endif>{{ @trans('movement.popular_articles') }}</option>
                                        <option value="1" @if(app('request')->input('sort') == "1")) selected @endif>{{ @trans('movement.date_ascending') }}</option>
                                        <option value="2" @if(app('request')->input('sort') == "2")) selected @endif>{{ @trans('movement.date_descending') }}</option>
                                    </select>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>                   
                    @if(isset($movements) && count($movements) > 0)
                    <div class="row infinite-scroll-div">
                        @foreach($movements as $movement)
                        <div class="col-sm-6 col-lg-4 vertical-card-view d-flex flex-column mt-4">