@extends('layouts.app3')

@section('head-title')
    <title>Covet Foundation Press Room</title>
@endsection

@section('head-style')
<link rel="stylesheet" type="text/css" href="{{asset('css/style.css')}}">
@endsection

@section('content')
@if(Auth::check())
<div style="position:absolute; right:0; top: 20px; color:white; z-index: 11;">

<a style="background-color:white; color:black; padding: 10px 20px;" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">{{strtoupper(Auth::user()->name) }} | LOGOUT</a>

<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">{{ csrf_field() }}</form>
</div>
@endif
<div class="container-fluid nopadding">
  <div class="first-section-press">
    <div class="firs-section-overlay">
      <h2>PRESS ROOM</h2>
      @if(Auth::check())
      @else
      {{-- <p>Sign In or Join Now for Press Releases and HR Images</p> --}}
      @endif
    </div>
  </div>

@if(Auth::check())

@else
{{-- <div>
  @if(Auth::check())
  <a href="{{asset('files/news/homofaber-1.pdf')}}" download><img src="{{asset('imgs/press-room/banner-homofaber.jpg')}}" class="img-responsive center-block"></a>
  @else
  <a class="no-login-scroll" style="cursor:pointer"><img src="{{asset('imgs/press-room/banner-homofaber.jpg')}}" class="img-responsive center-block"></a>
  @endif
</div> --}}
@endif

 <div class="container marg-top-50 marg-bottom-10">
  <h2 class="text-center marg-bottom-50 titles-bannes">LATEST NEWS</h2> 
  <!-- <hr align="center" width="60" class="marg-bottom-50"> -->
  @if(Auth::check())
  @foreach ($news_items[0]->articles as $item)
    @if ($item->is_active == 1)
    <div class="col-xs-12 col-sm-4 marg-bottom-20 news-item text-center">
      <a href="#" data-toggle="modal" data-target="#{{$item->slug}}" title="">
        <div class="image-container">
          <img src="/imgs/news/{{ $item->slug }}.jpg" alt="" class="img-responsive image">
          <div class="middle">
            <div class="text btn-form-contact-reverse">
              <a class="titles-13" href="#" data-toggle="modal" data-target="#{{$item->slug}}" style="line-height: 17px; font-size: 10px;">SEE MORE</a>
            </div>
          </div>
        </div>
        <div class="news-item-text">

          <h4 class="titles-13 titles-playf" style="letter-spacing: 1px;"><strong>{{ $item->article_languages[0]->title  }}</strong></h4>
          <p class="titles-13 titles-playf" style="font-size: 10px; margin-bottom: 0; letter-spacing: 0.5px;"><strong>{{ $item->article_languages[0]->sub_title }}</strong></p>
          <p class="text-muted text-center" style="font-style: italic;">{{ date('M Y', strtotime( $item->date )) }}</p>
        </div>
      </a>
    </div>
    <div class="modal fade" tabindex="-1" role="dialog" id="{{$item->slug}}">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">
                  <button type="button" class="close closess" data-dismiss="modal" aria-hidden="true" style="cursor: pointer; z-index: 99;">×</button>
                    <div class="row">
                        <div class="col-xs-12 text-center">
                          <h3 class="titles-13" style="font-size: 16px;margin-top: 0;"><b>{{$item->article_languages[0]->title}}</b></h3>
                          <h5 class="titles-13" style="font-size: 10px;">{{strtoupper($item->article_languages[0]->sub_title)}}</h5>
                          <p class="text-justify marg-bottom-30 marg-top-20 titles-13" style="font-size:11px;text-align-last: center; padding: 0 35px; font-weight: normal">{{$item->article_languages[0]->section_text}}<br> [...]</p>
                          @if(Auth::check())
                          <a href="{{asset('files/news/')}}/{{$item->slug}}.zip" download><i class="fas fa-download fa-lg"></i></a>
                          @else
                          <a class="no-login-scroll" style="cursor:pointer"><i class="fas fa-download fa-lg"></i></a>
                          @endif
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

    @endif
  @endforeach

  @else

  @foreach ($news_items[0]->articles as $item)
  @if ($item->is_active == 1)
    <div class="col-xs-12 col-sm-4 marg-bottom-20 news-item text-center">
      <a href="#" data-toggle="modal" data-target="#{{$item->slug}}" title="">
        <div class="image-container">
          <img src="/imgs/news/{{ $item->slug }}.jpg" alt="" class="img-responsive image">
          <div class="middle">
            <div class="text btn-form-contact-reverse">
              {{-- @if(Auth::check()) --}}
                <a class="titles-13" href="#" data-toggle="modal" data-target="#{{$item->slug}}" style="line-height: 17px; font-size: 10px;">SEE MORE</a>
            {{--   @else --}}
                {{-- <a class="no-login-scroll titles-13" href="#" data-toggle="modal" data-target="#{{$item->slug}}" style="line-height: 17px; font-size: 10px;">SEE MORE</a>
              @endif --}}
            </div>
          </div>
        </div>
        <div class="news-item-text">

          <h4 class="titles-13 titles-playf" style="letter-spacing: 1px;"><strong>{{ $item->article_languages[0]->title  }}</strong></h4>
          <p class="titles-13 titles-playf" style="font-size: 10px; margin-bottom: 0;letter-spacing: 0.5px;"><strong>{{ $item->article_languages[0]->sub_title }}</strong></p>
          <p class="text-muted text-center" style="font-style: italic;">{{ date('M Y', strtotime( $item->date )) }}</p>
        </div>
      </a>
    </div>
    <div class="modal nologged fade" tabindex="-1" role="dialog" id="{{$item->slug}}">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-body">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <div class="row">
                  <div class="col-xs-12 text-center">
                    <h3 class="titles-13" style="font-size: 16px;margin-top: 0;"><b>{{$item->article_languages[0]->title}}</b></h3>
                    <h5 class="titles-13" style="font-size: 10px;">{{strtoupper($item->article_languages[0]->sub_title)}}</h5>
                    <p class="text-justify marg-bottom-30 marg-top-20 titles-13" style="font-size:11px;text-align-last: center; padding: 0 35px; font-weight: normal">{{$item->article_languages[0]->section_text}}<br> [...]</p>
                    @if(Auth::check())
                    <a href="{{asset('files/news/')}}/{{$item->slug}}.zip" download><i class="fas fa-download fa-lg"></i></a>
                    @else
                    <a class="no-login-scroll" style="cursor:pointer"><i class="fas fa-download fa-lg"></i></a>
                    @endif
                  </div>
              </div>
             </div>
          </div>
        </div>
      </div>  

    @endif
  @endforeach
  @endif
</div>
</div>
</div>
  @if(Auth::check())

  @else
    <div id="sign-in" class="second-section-press text-center col-xs-12 padding-left-0 padding-right-0 marg-top-60 marg-bottom-60">
      <div class="centerbloks">
        <div class="col-lg-2 col-md-4 col-sm-4 col-xs-10">
          <h2 class="titles-bannes marg-bottom-50 marg-top-0">SIGN IN</h2>
          <form class="form-validate form-horizontal" id="formlogin" method="POST" action="{{ route('login') }}">
            {{ csrf_field() }}
            <div class="form-group">
              <input id="email" type="email" data-parsley-required="true" data-parsley-type="email" name="email" placeholder="Email*" class="form-control col-xs-12">
            </div>
            <div class="form-group">
              <input id="password" data-parsley-required="true" type="password" name="password" placeholder="Password*" class="form-control col-xs-12">
            </div>
            <div class="form-group">
              <div class="col-xs-12 col-sm-6 col-md-6 padding-left-0 signinbtn">
                <button type="submit" class="btn-form-contact-reverse pull-left" style="width: 100%;"><span>SIGN IN</span></button>
              </div>
              <div class="col-xs-12 col-sm-6 col-md-6 padding-right-0 joinnbtn">
                <button type="button" class="btn-form-contact pull-right" data-toggle="modal" data-target="#register" style="padding: 5px 15px; width: 100%;"><span>JOIN NOW</span></button>
              </div>
            </div>
            <p style="margin-bottom: 0;" class="text-center col-xs-12"><a href="" data-toggle="modal" data-target="#reset-pass">Forgot your password?</a></p>
          </form>
        </div>
      </div>
    </div>
  </div>

@endif

@if(Auth::check())

@else

<div class="container-fluid nopadding">
  {{-- <a class="link-to-images-paralax" href="{{url('foundation/mission')}}" target="_blank"> --}}
  <div class="hand-section-press">
      <div class="firs-section-overlay">
        <a class="a-new hvr-underline-from-left" href="{{url('foundation/mission')}}" target="_blank">
            <h2 class="text-center">KNOW OUR MISSION</h2>
        </a>
      </div>
    </div>
  {{-- </a> --}}
</div>

@endif

<div style="z-index:10; margin-bottom:49px; padding-top: 60px; padding-bottom: 60px;" class="second-section-press text-center col-xs-12 padding-left-0 padding-right-0">
  <div class="col-xs-12 text-center">
    <h2 class="titles-bannes marg-top-0">CONTACTS</h2>
    <!-- <hr align="center" width="60" class="marg-bottom-40"> -->
    {{-- <h3 style="color:#828282; font-family:'Montserrat';" class="marg-bottom-40"><b>PRESS OFFICE</b></h3> --}}
    <p class="normal-text">For further information please reach us at</p>
    <p class="normal-text" style="font-weight: 530;"><i class="far fa-envelope"></i> | <a href="mailto:press@covetfoundation.com">PRESS@COVETFOUNDATION.COM</a></p>
  </div>
</div>
@endsection

@section('foot')
<script type="text/javascript">
$(".no-login-scroll").click(function(e) {
  e.preventDefault();
    var offset = -40; //Offset of 20px
    $('.nologged').modal("hide");
    $('.modal-backdrop').css('display', 'none');

    $('html, body').animate({
        scrollTop: $("#sign-in").offset().top + offset
    }, 1000);
});
  $(window).scroll(function(){
    if ($("nav").hasClass("affix")) {
      $(".navbar-default .navbar-nav li a").css("color","black");
    }else{
      $(".navbar-default .navbar-nav li a").css("color","white");
    }
  })
</script>

@endsection