@extends('layouts.master')
@section('content')

<div class='row'>
    <div class="col-md-12 p-3">
        <div class="card card-outline card-primary">

            <div class="card-header">
                <div class="row">
                    <div class="col-md-12 text-center">
                        <h5>TPHA CURRENT PROJECTS</h5>
                    </div>
                </div>
            </div>

            <div class="card-body">
                <table class="table w-100" id="project_table">
                    <thead class="bg-light">
                        <th>S/N</th>
                        <th>Image</th>
                        <th>Project Title</th>
                        <th>Project Status</th>
                        <th>File</th>
                        <th>Created Date</th>
                        <th>Action</th>
                    </thead>

                    <tbody>

                        @foreach ($projects as $item)
                        <tr>
                            <td>{{$loop->index+1}}</td>
                            @if($item->image_attachment == '')
                            <td>--</td>
                            @else
                            <td>
                                <a href="{{url('/uploads/project_photos/'.$item->image_attachment)}} "target="_blank"><img class="img-fluid" style="max-width: 50px; max-height: 90vh; margin: auto;" src="{{url('/uploads/project_photos/'.$item->image_attachment)}}"></a>
                            </td>
                            @endif
                            <td>{{substr($item->project_title,0,30).'....'}}</td>
                            <td>{{$item->project_status}}</td>

                            @if($item->file_type == '')
                            <td>--</td>
                            @else
                            <td><a href="{{url('/uploads/project_files/'.$item->file_attachment)}}" target="_blank">{{$item->file_type}}</a></td>
                            @endif
                            <td>{{Carbon\Carbon::parse($item->created_at)->format('d-M-Y')}}</td>
                            <td>
                                <button class="delete btn btn-sm bg-gradient-danger" id="{{$item->id}}"><i class="fas fa-fw fa-trash"></i></button>
                            </td>
                        </tr>
                        @endforeach

                    </tbody>
                </table>
            </div>

        </div>
    </div>
</div>

<script>
    $('document').ready(function () {

        //displaying datatable
        $('#project_table').DataTable({
            responsive: true,
            serverSide: false,
        });

        //summernote
        $('.summernote').summernote({
            height: 100,
        });

        //deleting function
        $(document).on('click', '.delete', function (event) {
        event.preventDefault();
        var delete_id = $(this).attr('id');

        Swal.fire({
            title: "Are you sure?",
            text: "You won't be able to revert this!",
            icon: 'warning',
            type: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Yes, delete it!',
            cancelButtonText: 'No, keep it'

        }).then((result) => {
            if (result.value) {

                $.ajax({
                    url: "/all_project/destroy/" + delete_id,
                    success: function () {

                        //alerting
                        Swal.fire({
                            title: 'Deleted!',
                            text: 'Project has been deleted.',
                            type: 'success',
                            icon: 'success',
                            showCancelButton: false,
                            showConfirmButton: false,
                            timer: 2000,
                        });

                        //refreshing page
                        setTimeout(function () {
                            window.location = "{{url('/current_project')}}";
                        }, 2000);

                    }

                });

            } else if (result.dismiss === Swal.DismissReason.cancel) {
                Swal.fire({
                    title: 'Information!',
                    text: 'Your Project is Safe.',
                    type: 'info',
                    icon: 'info',
                    timer: 2000,
                    showCancelButton: false,
                    showConfirmButton: false,
                })
            }
        })

    })

    })
</script>
@endsection