@extends('layouts.app')
@section('title', __('nav.plans'))
@section('content')
<div class="d-flex justify-content-between mb-3">
    <h1 class="h4 mb-0">{{ __('nav.plans') }}</h1>
    @can('plans.create')<a class="btn btn-success" href="{{ route('plans.create') }}">{{ __('messages.create') }}</a>@endcan
</div>
<div class="company-chips mb-3">
    <a class="company-chip {{ !request('telecom_company_id') ? 'active' : '' }}" href="{{ route('plans.index') }}">{{ __('messages.all') }}</a>
    @foreach($companies as $c)
        <a class="company-chip {{ (string) request('telecom_company_id') === (string) $c->id ? 'active' : '' }}" href="{{ route('plans.index', ['telecom_company_id' => $c->id]) }}">{{ $c->name }}</a>
    @endforeach
</div>
<form class="row g-2 mb-3">
    <input type="hidden" name="telecom_company_id" value="{{ request('telecom_company_id') }}">
    <div class="col-md-4"><input class="form-control" name="q" value="{{ request('q') }}" placeholder="{{ __('messages.search') }}"></div>
    <div class="col-md-2"><button class="btn btn-outline-secondary">{{ __('messages.filter') }}</button></div>
</form>
<div class="card"><table class="table compact-table mb-0">
<thead><tr><th>{{ __('messages.name') }}</th><th>{{ __('messages.company') }}</th><th>{{ __('messages.monthly_price') }}</th><th>{{ __('messages.status') }}</th></tr></thead>
<tbody>@forelse($plans as $p)<tr><td><a href="{{ route('plans.show',$p) }}">{{ $p->name }}</a></td><td>{{ $p->telecomCompany?->name }}</td><td>{{ money($p->price) }}</td><td>{{ $p->status->label() }}</td></tr>@empty<tr><td colspan="4">{{ __('messages.no_results') }}</td></tr>@endforelse</tbody>
</table>
@include('partials.pagination', ['paginator' => $plans])
</div>
@endsection