@extends('front.layouts.main')
@section('content')
<div class="c-view-tab clearfix">
    @include('front.projects.menu')
</div>
<div class="card-c mb-4">
    <div>{{@$gcompany->company_name}}</div>
    <div class="c-midsection">
    <div class="c-mid-tsbsection">
        <div class="c-view-page">
        <section class="c-veiw-con">
            <div class="c-mid-tsbsection">
                <div class="mb-4">
                    <a class="h2-main my-0" href="{{route('projectinfo-hours.index',['project_id'=>request()->project_id])}}">{{projectNameById(request()->project_id) }}</a>
                </div>
                <div class="photogallery">
                    <div class="gal-icon-section mar_bottom_20 ">
                        <form action="{{route('post.gallery-upload')}}" method="post" enctype="multipart/form-data" id="upload-images">
                        {{csrf_field()}}
                        <input type="hidden" name="project_id" value="{{request()->project_id}}">
                        <img src="{{ asset('images/loader.gif')}}" alt="uploading" style="display:none;" class="loader">&nbsp;
                        <!--  <span class="mar_right_20"><a href="#"><i class="icon-download"></i></a></span> -->
                        <span><a href="#"><label><input type="file" name="gallery_image[]" id="gallery_image" multiple><i class="icon-add"></i></label></a></span><br/>
                        {{ $errors->first('project_id', ':message') }}
                        {{ $errors->first('gallery_image.*', ':message') }}
                        </form>
                    </div>
                    @if(count($monthCount))
                    <div class="gallery-images">
                        <div>
                            @foreach($monthCount as $month)
                            <div class="d-sm-flex justify-content-sm-between align-items-center mb-3">
                            <h2 class="gallery-title my-0"> {{$monthArray[$month->month]}} {{$month->year}} 
                            </h2>
                            <!--Code for bulk download images -->
                            <form action="{{route('gallery.bulkDownload', ['action'=>'bulk-download'])}}" method="post" id="form_{{$month->month}}_{{$month->year}}"`>
                            {{csrf_field()}}
                            <input type="hidden" name="project_id" value="{{request()->project_id}}">
                            <input type="hidden" name="month" value="{{$month->month}}">
                            <input type="hidden" name="year" value="{{$month->year}}">
                            <button  type="button" class="btn-new btn-new-primary " onclick="confirmGalleryDownload('#form_{{$month->month}}_{{$month->year}}')">Bulk Download Month</button>
                            </form>
                            </div>
                            <!--End code bulk download -->
                            <div class="img-sec">
                                <div>
                                @foreach(projectImages(request()->project_id,$month->month,$month->year) as $image)
                                <span class="img-gllry mar_bottom_10"><a href="javascript:void(0)"><img src="{{$image->image_url}}" alt="Project Image" onclick="showImage('{{$image->image_url}}')"></a></span>
                                @endforeach
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @else
                    <p>No images uploaded yet!</p>
                    @endif
                </div>
            </div>
        </section>
        </div>
    </div>
    </div>
</div>
<!-- <div class="register-pop clearfix  opend-pop" data-pop="sign_pop" style="display:block">
  <div class="close right">
      <i class="icon-cancel"></i>
  </div> 
  
  <div class="register-form">
  
      <div class="login-form register clearfix">
        <img src="https://s3-us-west-1.amazonaws.com/cdrbkt/1500892584.jpg">
      </div>
      <p class="register-text"> <span class="mar_right_20"><a href="#"><i class="icon-download"></i></a></span><span>Save Image</span></p>
  </div>
  </div> -->
@endsection