@extends('layouts.base')
@section('heading')
     {{ __('documents') }}
@endsection
@section('info')
    Your documents
@endsection
@section('body')
    <div>
        @foreach ($car->documents as $document)
            <div class="m-2">
                {{ $document->file->name ?? null }} - {{ $document->due_date }}
                {{ $document->car->name ?? null }}
                <a href="{{ route('documents.show',['document' => $document->id]) }}">view</a>
                <div class="flex items-center space-x-4 text-sm">
                    <form action="{{ route('documents.edit', ['document' => $document->id]) }}" method="GET">
                            @csrf
                            <button class="flex items-center justify-between px-2 py-2 text-sm font-medium leading-5 text-purple-600_ rounded-lg dark:text-gray-400_ focus:outline-none focus:shadow-outline-gray" aria-label="Edit">
                                <svg class="w-5 h-5" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20">
                                    <path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path>
                                </svg>
                            </button>
                        </form>
                    <form action="{{ route('documents.destroy', ['document' => $document->id]) }}" method="POST">
                        @csrf
                        @method('delete')
                        <button class="flex items-center justify-between px-2 py-2 text-sm font-medium leading-5 text-purple-600_ rounded-lg dark:text-gray-400_ focus:outline-none focus:shadow-outline-gray" aria-label="Delete">
                            <svg class="w-5 h-5" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z" clip-rule="evenodd"></path>
                            </svg>
                        </button>
                    </form>
                </div>
            </div>
        @endforeach
        <form action="{{ route('documents.reminders.create', $document->id) }}" method="get">
            @csrf
            <button type="submit" class="
                block w-full text-sm text-slate-500
                file:mr-4 file:py-2 file:px-4
                file:rounded-full file:border-0
                file:text-sm file:font-semibold
                file:bg-violet-50 file:text-violet-700
                hover:file:bg-violet-100
            ">
                ADD A NEW REMINDER
            </button>
        </form>
    </div>
@endsection