@extends('base')
@section('content')

<h1 class="mt-5">Projects</h1>
<div class="graph-card p-3 my-5">
    @if(session()->has('success'))
        <div class="alert alert-success flashmsg">
            {{ session()->get('success') }}
        </div>
    @endif
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h2>My Projects</h2>
    </div>
    <table class="vl-table table bg-white table-striped table-bordered table-hover">
        <thead class="table-light font-wei">
        <tr>
            <th class="text-center p-3 p-3" scope="col">SL NO</th>
            <th class="text-center p-3" scope="col">User Id</th>
            <th class="text-center p-3" scope="col">Project Name</th>
            <th class="text-center p-3" scope="col">Created At</th>
            <th class="text-center p-3" scope="col">Action</th>
        </tr>
        </thead>
        <tbody>
        @foreach($getProject as $index => $getProjects)
            <form method="POST" action="{{ secure_url('delete-projects',$getProjects->id) }}">
                @csrf
                <tr>
                    <th class="text-center p-3" scope="row">{{ $index +1 }}</th>
                    <td class="text-center p-3">{{ $getProjects->user_id }}</td>
                    <td class="text-center p-3">{{ $getProjects->project_name }}</td>
                    <td class="text-center p-3">{{ $getProjects->created_at }}</td>
                    <td class="text-center p-3">
                        <a href="{{ route('edit-project',$getProjects->id) }}"> <button type="button" class="btn btn-primary vl-table-view"><i class="fa fa-edit me-1" aria-hidden="true"></i>Edit</button></a>
                        <button type="submit" class="btn btn-danger ms-3 vl-table-delete"><i class="fa fa-trash me-1" aria-hidden="true"></i>Delete</button>
                    </td>
                </tr>
            </form>
        @endforeach
        </tbody>
    </table>
</div>
<script type="text/javascript">
    setTimeout(function() {
        $('.flashmsg').fadeOut(1500);
    }, 3000);
</script>

@endsection