@extends('layouts.app')

@section('title', __('ui.sessions'))

@section('content')
<div class="d-flex justify-content-between mb-3">
    <h1 class="h4 mb-0">{{ __('ui.sessions') }}</h1>
    <a href="{{ route('tenant.sessions.create') }}" class="btn btn-wap">{{ __('ui.create') }}</a>
</div>
<div class="card-soft p-3">
    <table class="table align-middle">
        <thead><tr><th>{{ __('ui.name') }}</th><th>{{ __('ui.provider') }}</th><th>{{ __('ui.phone') }}</th><th>{{ __('ui.status') }}</th><th>{{ __('ui.actions') }}</th></tr></thead>
        <tbody>
        @foreach($sessions as $session)
            <tr>
                <td>{{ $session->name }} @if($session->is_default)<span class="badge text-bg-success">default</span>@endif</td>
                <td>{{ $session->provider->label() }}</td>
                <td>{{ $session->phone_number ?? '—' }}</td>
                <td><span class="badge text-bg-secondary">{{ $session->status }}</span></td>
                <td class="d-flex gap-1 flex-wrap">
                    @if($session->provider->value === 'evolution')
                        <a href="{{ route('tenant.sessions.qr', $session) }}" class="btn btn-sm btn-outline-primary">QR</a>
                    @endif
                    <form method="POST" action="{{ route('tenant.sessions.refresh', $session) }}">@csrf<button class="btn btn-sm btn-outline-secondary">Refresh</button></form>
                    <form method="POST" action="{{ route('tenant.sessions.destroy', $session) }}" onsubmit="return confirm('Delete?')">@csrf @method('DELETE')<button class="btn btn-sm btn-outline-danger">{{ __('ui.delete') }}</button></form>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
@endsection