@extends('admin.layouts.header')
@section('styles') 
    
@endsection
@section('content')
@if(count($projects) > 0)
    <main class="admin-dashbaord-content">
        <div class="project-title-wrap my-4">
            <h3 class="table-title">Publish Projects</h3>
        </div>
        <div class="content-wrap pt-5">
        <table id="example" class="table table-striped table-bordered my-30 admin-data-table" style="width:100%" style="margin-top:40px">
        <thead class="border-0">
            <tr class="border-0">
                <th class="table-heading">S.no.</th>
                <th class="table-heading">Name</th>
                <th class="table-heading">Title</th>
                <th class="table-heading">Date-Time</th>
                <!-- <th class="table-heading"></th> -->
                <!--<th class="table-heading">View </th>-->
                <th class="table-heading">Edit </th>
                <th class="table-heading">Chat</th>
                <th class="table-heading"></th>
            </tr>
        </thead>
        <tbody>
            
            @php
                $sno = 1;
            @endphp
            @foreach($projects as $project)

            <tr>
                <td>{{ $sno }}</td>
                <td>
                    @if(!empty($users))
                    @foreach($users as $user)
                    @if($user->id == $project->inventor_id)
                    
                    @php $idu = Crypt::encrypt($user->id); @endphp
                    <a href="{{route('userProfile',$idu)}}" class="d-flex align-items-center ms-3">
                        @if(!empty($user->profile_image))
                            <img src="{{url('').'/'.$user->profile_image }}" alt="" class="table-avatar">
                        @else
                            <img src="{{ URL::asset('assets/medias/images.png') }}" alt="" class="table-avatar">
                        @endif
                       
                        <span class="ms-3">{{ $user->name }} {{ $user->last_name }}</span>
                    </a>
                    @endif
                    @endforeach
                    @endif
                </td>
                <td>
                    @php $ide = Crypt::encrypt($project->id); @endphp
                    <a href="{{route('project-description',$ide)}}" class="table-ellipsis table-title position-relative ps-3">{{$project->project_title}}</a>
                </td>
                <td>{{$project->created_at}}</td>
                
                <!--<td class="text-center">-->
                <!--    @php $ide = Crypt::encrypt($project->id); @endphp-->
                    <!--<a href="{{route('project-description',$ide)}}" class="table-view-btn text-capitalize">view</a>-->
                <!--    <a href="{{route('project-description',$ide)}}"><i class="far fa-eye table-view-icon"></i></a>-->
                <!--</td>-->
                <td class="text-center">
                    @php $ide = Crypt::encrypt($project->id); @endphp
                    <!--<a href="{{route('prev-one-admin',$ide)}}" class="table-view-btn text-capitalize">edit</a>-->
                    <a href="{{route('prev-one-admin',$ide)}}"><i class="fas fa-pen table-view-icon"></i></a>
                </td>
                <td class="text-center">
                    @php $ide = Crypt::encrypt($project->id); @endphp
                    <a href="{{route('chat', $ide)}}" class="table-chat-btn text-capitalize">Chat</a>
                </td>
                <td>   
                <a href="" class=" table-delete-btn" data-bs-toggle="modal" data-bs-target="#myModal"><i class="far fa-trash-alt"></i></a>
                </td>
                <div class="modal fade" id="myModal">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">

                        <!-- Modal Header -->
                        <div class="trash-model-header d-flex justify-content-end p-3">
                            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                        </div>

                        <!-- Modal body -->
                        <div class="modal-body trash-model-body text-center">
                            <img src="../assets/medias/delete.gif" alt="" class="delete-gif">
                            <h5>Do you really want to delete the project?</h5>
                        </div>

                        <!-- Modal footer -->
                        <div class="modal-footer justify-content-center">
                            @php $ide = Crypt::encrypt($project->id); @endphp
                            <a href="{{route('delete-project-admin',$ide)}}" class="ajaxdelete text-white fw-600 text-uppercase explore-btn desc-load-btn mt-0">Yes</a>
                            <a href="" class="text-white btn-danger fw-600 text-uppercase bg-danger explore-btn desc-load-btn mt-0">No</a>
                        </div>

                    </div>
                </div>
            </tr>
            @php
                        $sno++;
                    @endphp
                @endforeach
            
            
        </tbody>
    </table>
        </div>
        
@else
  <main class="admin-dashbaord-content">
        <div class="content-wrap pt-4 mt-4 default-wrap" style="padding:120px">
            <div class="default-img-wrap">
                <img src="{{ URL::asset('assets/medias/decrease.png') }}" alt="">
            </div>
            <div class="default-content">
                <h3 class="text-center mb-3">Oops!</h3>
                <p class="text-center default-text">No project publish yet!</p>
            </div>
        </div>
@endif

@endsection
@section('scripts') 
   
<script>
    $(document).ready(function(){

     $(".ajaxdelete").click(function(event){
        //  alert("Delete?");
         var href = $(this).attr("href")
         var btn = this;
    
          $.ajax({
            type: "GET",
            url: href,
            success: function(dataResult) {
    
               var dataResult = JSON.parse(dataResult);
				if(dataResult.statusCode==200){
					 window.location.reload();
				// 	 $('#enter-auction-model-my').modal('show');
					
				}
				else if(dataResult.statusCode==201){
				   alert("Error occured !");
				}
               
    
            }
          });
         event.preventDefault();
      })
    });
</script>   
@endsection