@extends('admin.layouts.app')
@section('page_content')
<script src="{{asset('admin/sweetalert2/dist/sweetalert2.min.js')}}"></script>
<link rel="stylesheet" href="{{asset('admin/sweetalert2/dist/sweetalert2.min.css')}}">
<script>
    function updateFeatureProject(url, alertTitle) {
        Swal.fire({
            title: 'Are you sure?',
            text: alertTitle,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, Confirm'
            }).then((result) => {
            if (result.isConfirmed) {
                window.location = url;
            }
        });
    }
</script>
<div class="content-wrapper">
    <!-- Page Title Header Starts-->
    <div class="row page-title-header">
        <div class="col-12">
            <div class="page-header">
                <h4 class="page-title">Projects</h4>
                <ul>
                    <li><a href="{{route('admin.projects.page_titles')}}" class="outline_green_btn">Page Title</a></li> 
                    <!-- <li><a href="" class="outline_green_btn">Button</a></li> -->
                    <li><a href="{{route('admin.projects.add')}}" class="filled_green_btn">Add Project</a></li> 
                </ul>   
            </div>
        </div>
        
    </div>
    <!-- Page Title Header Ends-->

    <div class="row">

        <div class="col-md-12 grid-margin">
            <div class="row flex-grow">
                <div class="col-12">
                    <h4 class="card-title"></h4>
                    <table class="table table-striped cust-datatable" style="width: 100%;">
                        <thead>
                            <tr>
                                <th class="text-center">S.no.</th>
                                <th>Image</th>
                                <th>Project Name</th>
                                <th>Location</th>
                                <th class="text-center">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($projects as $key => $project)
                                <tr>
                                    <td class="text-center {{($project->is_featured == 1) ? 'text-success' : ''}}">{{$key+1}}</td>
                                    <td class=" {{($project->is_featured == 1) ? 'text-success' : ''}}">
                                        @if(file_exists($project->thumb_image))
                                            <a href="{{asset($project->thumb_image)}}" target="_blank"><img src="{{asset($project->thumb_image)}}"></a>
                                        @else
                                            
                                        @endif
                                    </td>
                                    <td class=" {{($project->is_featured == 1) ? 'text-success' : ''}}">{{$project->name}}</td>
                                    <td class=" {{($project->is_featured == 1) ? 'text-success' : ''}}">{{$project->location}}</td>
                                    
                                    <td class="text-center">
                                        <a href="{{route('admin.projects.edit', ['id'=>$project->id])}}" data-toggle="tooltip" data-placement="top" title="Edit" class="green_filled"><i class="fa fa-pencil"></i></a>
                                        <a href="{{route('admin.projects.delete', ['id'=>$project->id])}}" onclick="return confirm('Do you want to delete project?')" data-toggle="tooltip" data-placement="top" title="view" class="red_outline"><i class="fa fa-trash"></i></a>
                                        &nbsp;&nbsp;
                                        <!-- @if($project->is_featured == 0)
                                            @php($feature_url = route('admin.projects.feature_project.status', ['id'=>$project->id, 'status'=>1]))
                                            <a href="javascript:0;" onclick="updateFeatureProject('{{$feature_url}}', 'Do you want to featured this project?');" data-toggle="tooltip" data-placement="top" title="Make Featured" class="green_filled"><i class="fa fa-check"></i></a>
                                        @else
                                            @php($feature_url = route('admin.projects.feature_project.status', ['id'=>$project->id, 'status'=>0]))
                                            <a href="javascript:0;" onclick="updateFeatureProject('{{$feature_url}}', 'Do you want to remove this featured project?');" data-toggle="tooltip" data-placement="top" title="Remove Featured" class="red_outline"><i class="fa fa-times"></i></a>
                                        @endif -->
                                    </td>
                                    
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                
            </div>
        </div>
    </div> 

</div>
<script src="{{asset('admin/sweetalert2/dist/sweetalert2.all.min.js')}}"></script>

<!-- Include a polyfill for ES6 Promises (optional) for IE11 -->
<script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.js"></script>

@endsection