@extends('layouts.manage')

@section('content') 

@if ($message = Session::get('success'))
<x-alert type="success" message="{{ $message }}" />
@endif

<form method="post" action="">
@csrf
@method('PUT') 

<div class="relative flex flex-col xl:flex-row justify-between gap-10">
    <div class="flex flex-col w-full bg-white rounded-3xl shadow-2xl p-14 md:p-10">
        <h1 class="text-3xl 2xl:text-4xl font-semibold leading-3 text-center p-2">User Trips</h1>
        <hr class="w-24 mx-auto h2-line pb-5 mb-5">
        <table class="table-auto border">
            <thead>
                <tr>
                    <th class="border">Trip Date</th>
                    <th class="border">Origin Place Name</th>
                    <th class="border">Origin Place Address</th>
                    <th class="border">Destination Place Name</th>
                    <th class="border">Destination Place Address</th>
                    <th class="border">Score</th>
                    <th class="border">Distance</th>
                    <th class="border">Duration</th>
                    <th class="border">Feedback</th>
                    <th class="border">&nbsp;</th>
                </tr>
            </thead>
            <tbody>
            @foreach ($trips as $key => $trip) 
                <tr {{ $loop->even ? 'class=even' : '' }}>
                    <td class="border text-center">{{ $trip->created_at ? Carbon\Carbon::parse($trip->created_at)->format('Y-m-d') : '' }}</td>
                    <td class="border text-center">{{ $trip->trip_score ?? '' }}</td>
                    <td class="border text-center">{{ $trip->origin_place_name ?? '' }}</td>
                    <td class="border text-center">{{ $trip->origin_place_address ?? '' }}</td>
                    <td class="border text-center">{{ $trip->dest_place_name ?? '' }}</td>
                    <td class="border text-center">{{ $trip->dest_place_address ?? '' }}</td>
                    <td class="border text-center">{{ $trip->distance ?? '' }}</td>
                    <td class="border text-center">{{ $trip->trip_duration ?? '' }}</td>
                    <td class="border text-center">{{ $trip->trip_feedback ?? '' }}</td>
                    <td class="border text-center" style="width:70px;">
                        <a href="{{ route('trip.edit',  [$trip->trip_id, $trip->user_id]) }}" class="mr-2">
                            <svg class="inline" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="pen" class="svg-inline--fa fa-pen fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 512 512"><path fill="currentColor" d="M290.74 93.24l128.02 128.02-277.99 277.99-114.14 12.6C11.35 513.54-1.56 500.62.14 485.34l12.7-114.22 277.9-277.88zm207.2-19.06l-60.11-60.11c-18.75-18.75-49.16-18.75-67.91 0l-56.55 56.55 128.02 128.02 56.55-56.55c18.75-18.76 18.75-49.16 0-67.91z"></path></svg>
                        </a>
                        <a href="{{ route('trip.delete', [$trip->trip_id, $trip->user_id]) }}">
                            <svg class="inline" width="20" height="20" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z"></path></svg>
                        </a>
                    </td>
                </tr>
            @endforeach
            @if ($trips->isEmpty())
                <tr>
                    <td colspan="7" class="text-center">No data available</td>
                </tr> 
            @endif
            </tbody>
        </table>
        <div class="py-5">
            {!! $trips->links() !!}
        </div>
    </div>
</div>

</form>

@stop