@include('new_layouts.header')
<style>
a.text-dark {
   cursor: pointer !important;
}
.dropdown-toggle.project:after{
   display: none;
}
</style>
@php
   $profile=\App\Models\Utility::get_file('uploads/avatar/');
   $userlogo=\App\Models\Utility::get_file('uploads/logo/');
@endphp
<div class="container-fluid">
   <div class="card mt-4 p-3">
      <div class="card-header">
         <h3>{{ __('Projects of the Organization') }}</h3>
         <div class="card-actions w-50">
            <div class="row">
               <div class="col-8">
                  <div class="mb-3">
                     <div class="row g-2">
                        <div class="col">
                           <form action="{{ route('construction_main') }}" method="GET" id="searchproject">
                           {{ Form::text('keyword',isset($_GET['keyword'])?$_GET['keyword']:'',
                           array('class' => 'form-control d-inline-block w-9 me-3 mt-auto',
                           'id'=>'keyword','placeholder'=>__('Search for Projects…'))) }}
                           </form>
                        </div>
                        <div class="col-auto">
                        <a href="javascript:void(0)" id="searchbtnproj" class="btn btn-icon" aria-label="Button">
                              <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24"
                               height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
                                fill="none" stroke-linecap="round" stroke-linejoin="round">
                                 <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                 <path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"></path>
                                 <path d="M21 21l-6 -6"></path>
                              </svg>
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
               @can('create project')
               <div class="col-4">
                  <a  href="#"  data-size="xl" data-url="{{ route('projects.create') }}" data-ajax-popup="true"
                  data-title="{{ __('Create New Project') }}" data-bs-toggle="tooltip"
                  title="{{__('Create New Project')}}" class="btn btn-primary w-100"
                   data-bs-toggle="modal" data-bs-target="#invite-Sub-Contractor">
                  {{ __('Create a Project') }}
                  </a>
               </div>
               @endcan
            </div>
         </div>
      </div>

      @if (isset($projects) && !empty($projects) && count($projects) > 0)
      <div class="row row-cards mt-2">
       @foreach ($projects as $key => $project)
         @php $file_import = $project->file_import; @endphp
         <div class="col-md-6 col-lg-2">
            <div class="card">
            @if (Gate::check('edit project') || Gate::check('delete project'))
               <div class="card-header-right">
                     <div class="btn-group card-option float-end">
                           <button type="button" class="btn dropdown-toggle project border-0"
                                 data-bs-toggle="dropdown" aria-haspopup="true"
                                 aria-expanded="false">
                                 <i class="ti ti-dots-vertical"></i>
                           </button>
                           <div class="dropdown-menu dropdown-menu-end">
                                 @can('edit project')
                                 <a href="#!" data-size="lg"
                                    data-url="{{ route('projects.edit', $project->id) }}"
                                    data-ajax-popup="true" class="dropdown-item"
                                    data-bs-original-title="{{ __('Edit Project') }}">
                                    <i class="ti ti-pencil"></i>
                                    <span>{{ __('Edit') }}</span>
                                 </a>
                                 
                                 @endcan
                                 @can('delete project')
                                 {!! Form::open(['method' => 'DELETE', 'route' => ['projects.destroy',$project->id]]) !!}
                                    <a href="#!" class="dropdown-item bs-pass-para"> <i
                                             class="ti ti-archive"></i> <span>
                                             {{ __('Delete') }}
                                       </span>
                                    </a>
                                    {!! Form::close() !!}
                                 @endcan
                           </div>
                     </div>
               </div>
            @endif
               <div class="card-body p-2 text-center">

                                      @if($project_image!=0 && $project_image!='')
                        @php
                        $prologo = Utility::get_file('projects/');
                        $image=$prologo.$project->project_image;
                        @endphp
                       <img id="image"  src="{{$image}}"
                        class="avatar avatar-xl mb-2 rounded" alt="">
                   @else
                       <span class="avatar avatar-xl mb-2 rounded">
                                                  </span>
                   @endif
                  <h3 class="mb-0">
               @php
                  $project_instances=\App\Models\Instance::where('project_id',$project->id)
                                    ->get();

               @endphp
               @if ($file_import == 0)
                  @if(count($project_instances)>1)
                     <a class="text-dark text-capitalize"  data-size="lg"
                        data-url="{{ route('projects.check_instance',$project->id) }}"
                        data-title="Choose Your Revision Planning" data-ajax-popup="true"
                        data-bs-toggle="tooltip">{{ $project->project_name }}{{$project->project_id}}
                     </a>
                  @else
                     <a class="text-dark text-capitalize"  data-size="lg"
                        href="{{ route('projects.instance_project',
                              [$project_instances[0]['id'],$project->id,'Base']) }}"
                        data-bs-toggle="tooltip">{{ $project->project_name }}{{$project->project_id}}
                     </a>
                  @endif
               @else
                  <a class="text-dark text-capitalize" onclick="file_import()"  data-size="lg" href="#" data-bs-toggle="tooltip">{{ $project->project_name }}{{$project->project_id}}</a>
               @endif
               
                  </h3>
                  <p class="text-secondary mb-0"><small style="font-size:10.5px;font-weight: 600">
                    Start Date: {{ Utility::getDateFormated($project->start_date) }}
                    - End Date: {{ Utility::getDateFormated($project->end_date) }}</small></p>
                  <p class="mb-3">
                   @php
                   if ($project->status != ""){
                       $status_set = $project->status;
                   }
                   else{
                       $status_set = 'in_progress';
                   }
                  @endphp
                     <span class="badge bg-{{ \App\Models\Project::$status_color[$status_set] }}-lt">
                       {{ __(\App\Models\Project::$project_status[$status_set]) }}
                     </span>
                  </p>
                  <div>
                     <div class="avatar-list avatar-list-stacked">
                        @php
                           $projectmembers=\App\Models\Project::project_member($project->id);
                        @endphp
                       @if (isset($projectmembers) && !empty($projectmembers)
                       && count($projectmembers) > 0)
                          @foreach ($projectmembers as $key => $user)
                          @php
                           $name_r=\App\Models\Project::get_user_name($user->user_id);
                           $short=substr($name_r->name ?? '', 0, 1);
                          @endphp
                              @if ($key < 3)
                                  @if ($name_r->avatar?? '')

                                      <a href="#" class="">
                                          <img  src="{{ !empty(\Auth::user()->avatar) ? $profile . \Auth::user()->avatar : $userlogo.Config::get('constants.AVATAR') }}"
                                              alt="{{strtoupper($short)}}" data-bs-toggle="tooltip"
                                              title="{{ $name_r->name }}" class="avatar avatar-sm rounded">
                                      </a>
                                  @else
                                         <span class="avatar avatar-sm rounded" data-bs-toggle="tooltip"
                                          title="{{ $name_r->name?? '' }}">{{strtoupper($short)}}</span>
                                  @endif
                              @else
                              @break
                          @endif
                      @endforeach
                  @endif
                     </div>
                  </div>
               </div>
               @php
                  $progress=\App\Models\Project::actual_progress($project->id);
               @endphp
               <div class="progress card-progress">
                  <div class="progress-bar" style="width: %" role="progressbar"
                      aria-valuenow="" aria-valuemin="0" aria-valuemax="100"
                       aria-label="% Complete">
                     <span class="visually-hidden">% {{ __('Complete') }}</span>
                  </div>
               </div>
            </div>
         </div>
         @endforeach
         <div class="d-flex mt-4">
           <ul class="pagination ms-auto">
               {!! $projects->links() !!}
           </ul>
       </div>
      </div>
      @else
    <div class="page-body">
         <div class="container-xl d-flex flex-column justify-content-center">
            <div class="empty">
               <div class="empty-img">
                  <img src="{{ asset('assets/images/undraw_printing_invoices_5r4r.svg') }}" height="128" alt="">
               </div>
               <p class="empty-title"> {{__('No Projects Found')}}</p>
            </div>
         </div>
      </div>
      @endif
   </div>
</div>
</div>
</div>

<div class="modal modal-blur fade" id="modal-warning" tabindex="-1" role="dialog" aria-hidden="true">
   <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
      <div class="modal-content">
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
         <div class="modal-status btn-warning"></div>
         <div class="modal-body text-center py-4">
            <!-- Download SVG icon from http://tabler-icons.io/i/alert-triangle -->
            <svg xmlns="http://www.w3.org/2000/svg" class="icon mb-2 text-warning icon-lg"
               width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
               fill="none" stroke-linecap="round" stroke-linejoin="round">
               <path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 9v4" />
               <path d="M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0
               1.636 2.871h16.214a1.914 1.914 0 0 0 1.636
               -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z" />
               <path d="M12 16h.01" />
            </svg>
               
            <h3>{{ __('OOPS?') }}</h3>
            <div class="text-secondary">{{ __('Your Project File is Importing....') }}</div>
            <div class="text-secondary">{{ __('Please try after few minutes') }}</div>
         </div>
         <div class="modal-footer">
            <div class="w-100">
               <div class="row">
                  <div class="col">
                     <a onClick="window.location.reload();" href="#" id="confirm_del_yes" class="btn btn-warning w-100" data-bs-dismiss="modal">{{ __('OK') }}</a>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

<script src="{{ asset('WizardSteps/js/jquery.steps.js') }}"></script>
@include('new_layouts.footer')
<script>
   $(document).ready(function () {
      $(document).on('click','#searchbtnproj',function(){
         $('form#searchproject').submit();
      })
      $(document).on('click', '.invite_usr', function () {
            var project_id = $('#project_id').val();
            var user_id = $(this).attr('data-id');

            $.ajax({
               url: '{{ route('invite.project.user.member') }}',
               method: 'POST',
               dataType: 'json',
               data: {
                  'project_id': project_id,
                  'user_id': user_id,
                  "_token": "{{ csrf_token() }}"
               },
               success: function (data) {
                  if (data.code == '200') {
                        show_toastr(data.status, data.success, 'success')
                        location.reload();
                        loadProjectUser();
                  } else if (data.code == '404') {
                        show_toastr(data.status, data.errors, 'error')
                  }
               }
            });
      });
   });

   function file_import(){
      $("#modal-warning").modal('show');
   }
</script>