@extends('layouts.app')

@section('content')
    <div class="container">
        <h1>Short URL List</h1>

        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        @if(session('info'))
            <div class="alert alert-info">{{ session('info') }}</div>
        @endif
        @if(session('error'))
            <div class="alert alert-warning">{{ session('error') }}</div>
        @endif

        <form action="{{ route('short-url.store') }}" method="POST">
            @csrf
            <input type="text" name="url" class="form-control" placeholder="Paste a Long URL" required>
            <button type="submit" class="btn btn-primary mt-2">Shorten</button>
        </form>

        <table class="table mt-4">
            <thead>
                <tr>
                    <th>Sl.</th>
                    <th>Destination URL</th>
                    <th>Short URL</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($short_urls as $key => $shortUrl)
                    <tr>
                        <td>{{ $key + 1 }}</td>
                        <td>
                            <a class="text-info" href="{{ $shortUrl->destination_url }}" target="_blank">
                                {{ $shortUrl->destination_url }}
                            </a>
                        </td>

                           <td>
                            <a class="text-info" href="{{ $shortUrl->default_short_url }}" target="_blank">
                                {{ $shortUrl->default_short_url }}
                            </a>
                        </td>
                        <td>
                            <a href="{{ route('short-url.edit', $shortUrl->id) }}" class="btn btn-warning btn-sm">Edit</a>
                            
                            <form action="{{ route('short-url.destroy', $shortUrl->id) }}" method="POST" style="display:inline;" 
                                  onsubmit="return confirm('Are you sure you want to delete this short URL?');">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm">Delete</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        <div>
            {!! $short_urls->links() !!}
        </div>
    </div>
@endsection