@extends('web.layouts.main')
@section('content')

<main>
        <!--Start inner_header-->
       <div class="inner_header">
            <div class="container">
                <h3 class="text-center text-light mt-4">{{__('web.media')}}</h3>
                <ul class="page_links text-center mt-4">
                    <li>
                        <a href="{{url(getCurrentLocale().'/')}}">{{__('web.home')}}</a>
                    </li>
                    <li>
                        <a href="">{{__('web.media')}}</a>
                    </li>
                </ul>
            </div>
            <img src="{{url('')}}/assets/web/images/logo.png" alt="" class="l_shap">
            <img src="{{url('')}}/assets/web/images/logo.png" alt="" class="r_shap">
        </div>
        <!--Start news-sec -->
        <section class="news-sec">
            <div class="container">
                <div class="row pb-5">
                    <div class="col-lg-6">
                        <a href="{{url(getCurrentLocale().'/media/'.$articles[0]['id'])}}">
                            <div class="news_card">
                                <div class="img-box">
                                    <img src="{{asset($articles[0]['image'])}}" alt="" />
                                </div>
                                <div class="text-box card-body">
                                    <div class="content">
                                        <h5 class="title">{{productname($articles[0]['id'])}}</h5>
                                        <div class=" news-data">
                                            <p class="date">{{date('Y/m/d',strtotime($articles[0]['created_at']))}}</p> |
                                            <p class="name">{{__('web.by')}}: {{productuser($articles[0]['id'])}}</p>
                                        </div>
                                        <div class="p">
                                           {{ strip_tags(mb_substr(productdescription($articles[0]['id']),0,100,"UTF-8")) }}
                                           </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-6">
                        @if(!is_null($articles[1]))
                       <a href="{{url(getCurrentLocale().'/media/'.$articles[1]['id'])}}">
                            <div class="news_card hr-card">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="img-box">
                                           <img src="{{asset($articles[1]['image'])}}" alt="" />
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="text-box card-body">
                                            <div class="content">
                                                <h5 class="title">{{productname($articles[1]['id'])}}</h5>
                                                <div class=" news-data">
                                                    <p class="date">{{date('Y/m/d',strtotime($articles[1]['created_at']))}}</p> |
                                            <p class="name">{{__('web.by')}}: {{productuser($articles[1]['id'])}}</p>
                                                </div>
                                                <div class="p">
                                           {{ strip_tags(mb_substr(productdescription($articles[1]['id']),0,100,"UTF-8")) }}
                                           </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </a>
                        @endif
                        @if(!is_null($articles[2]))
                        <a href="{{url(getCurrentLocale().'/media/'.$articles[2]['id'])}}">
                            <div class="news_card hr-card">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="img-box">
                                            <img src="{{asset($articles[2]['image'])}}" alt="" />
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="text-box card-body">
                                            <div class="content">
                                               <h5 class="title">{{productname($articles[2]['id'])}}</h5>
                                                <div class=" news-data">
                                                    <p class="date">{{date('Y/m/d',strtotime($articles[2]['created_at']))}}</p> |
                                            <p class="name">{{__('web.by')}}: {{productuser($articles[2]['id'])}}</p>
                                                </div>
                                                <div class="p">
                                           {{ strip_tags(mb_substr(productdescription($articles[2]['id']),0,100,"UTF-8")) }}
                                           </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </a>
                        @endif
                    </div>
                    @for($i=3 ;$i < 6; $i++)
                   @if(!is_null($articles[$i]))
                    <div class="col-lg-4">
                        <a href="{{url(getCurrentLocale().'/media/'.$articles[$i]['id'])}}">
                            <div class="news_card">
                                <div class="img-box">
                                     <img src="{{asset($articles[$i]['image'])}}" alt="" />
                                </div>
                                <div class="text-box card-body">
                                    <div class="content">
                                     <h5 class="title">{{productname($articles[$i]['id'])}}</h5>
                                        <div class=" news-data">
                                            <p class="date">{{date('Y/m/d',strtotime($articles[$i]['created_at']))}}</p> |
                                            <p class="name">{{__('web.by')}}: {{productuser($articles[$i]['id'])}}</p>
                                        </div>
                                        <div class="p">
                                           {{ strip_tags(mb_substr(productdescription($articles[$i]['id']),0,100,"UTF-8")) }}
                                           </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    @endif
                   @endfor
                </div>
                {{$articles->links('web.pages.paginate',compact('link_limit','end'))}}
                <!--<div class="pagination_wrapper">-->
                <!--    <nav aria-label="Page navigation example">-->
                <!--        <ul class="pagination">-->
                <!--          <li class="page-item">-->
                <!--            <a class="page-link" href="#" aria-label="Previous">-->
                <!--              <span aria-hidden="true">&laquo;</span>-->
                <!--            </a>-->
                <!--          </li>-->
                <!--          <li class="page-item"><a class="page-link" href="#">1</a></li>-->
                <!--          <li class="page-item"><a class="page-link" href="#">2</a></li>-->
                <!--          <li class="page-item"><a class="page-link" href="#">3</a></li>-->
                <!--          <li class="page-item">-->
                <!--            <a class="page-link" href="#" aria-label="Next">-->
                <!--              <span aria-hidden="true">&raquo;</span>-->
                <!--            </a>-->
                <!--          </li>-->
                <!--        </ul>-->
                <!--      </nav>-->
                <!--</div>-->
            </div>
        </section>
        <!--Start newsletter-sec -->
        <section class="newsletter-sec">
            <div class="container">
                <div class="inner">
                    <div class="row">
                        <div class="col-md-6 m-auto">
                            <div class="text-box text-center wow bounceIn" data-wow-duration="2s">
                                <h3><b>{{__('web.subscribe_mail')}}</h3>
                                <p>{{__('web.put_email')}}</p>
                                <form onsubmit="subscribe(this)" method="post" action="{{url(getCurrentLocale().'/subscribe')}}">
                                    @CSRF
                                    <div class="form-group mt-4">
                                        <input class="form-control"name="email" type="text" placeholder="{{__('web.email')}}">
                                        <button class="submit-btn"><i class="fab fa-telegram-plane"></i></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>
         <div class="modal state-modal fade" id="modalemailsuccess" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-body">
                        <div class="text-box">
                            <img src="{{url('')}}/assets/web/images/confirm.png" alt="" class="icon filter_green mb-4"/>
                            <h3 class="title mb-4">{{__('web.success')}} </h3>
                            <p class="p">{{__('web.thanks')}} <b>{{__('web.project')}}</b> </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--Confirmation Modal-->
        <div class="modal state-modal fade" id="modalemailfail" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-body">
                        <div class="text-box">
                            <img src="{{url('')}}/assets/web/images/cancel.png" alt="" class="icon filter_red mb-4"/>
                            <h3 class="title mb-4">{{__('web.email_required')}} </h3>
                            <p class="p">{{__('web.thanks')}} <b>{{__('web.project')}}</b> </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal state-modal fade" id="modalemailfailre" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-body">
                        <div class="text-box">
                            <img src="{{url('')}}/assets/web/images/cancel.png" alt="" class="icon filter_red mb-4"/>
                            <h3 class="title mb-4">{{__('web.email_exist')}} </h3>
                            <p class="p">{{__('web.thanks')}} <b>{{__('web.project')}}</b> </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </main>
    
@push('js')
<script>
    
    function subscribe(elem){
               event.preventDefault();
   
         let action = $(elem).attr('action');
       
       let urls = action;
       
       let dataform = new FormData( $(elem)[0]);
        
     
      $.ajax({
          url : urls,
          type: 'POST',              
          data: dataform,
          contentType: false, 
          processData: false, 
          success:function(data)
          {
              
            if(data == '"error"'){
                   $('#modalemailfailre').modal('show');
              }
              else{
            $("#modalemailsuccess").modal('show');
            window.setTimeout(function(){location.reload()},1000)
              }
               }
          ,error: function (data) {
              
              $('#modalemailfail').modal('show');
              
 
 
 
}
        })
    }
</script>
@endpush
@stop