@extends('layouts.app')
@section('title', __('nav.lines'))
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h1 class="h4 mb-0">{{ __('nav.lines') }}</h1>
    @can('lines.create')<a class="btn btn-success" href="{{ route('lines.create') }}">{{ __('messages.create') }}</a>@endcan
</div>

<div class="company-chips mb-3">
    <a class="company-chip {{ !request('telecom_company_id') ? 'active' : '' }}" href="{{ route('lines.index', request()->except('telecom_company_id', 'page')) }}">{{ __('messages.all') }}</a>
    @foreach($companies as $c)
        <a class="company-chip {{ (string) request('telecom_company_id') === (string) $c->id ? 'active' : '' }}" href="{{ route('lines.index', array_merge(request()->except('page'), ['telecom_company_id' => $c->id])) }}">{{ $c->name }}</a>
    @endforeach
</div>

<div class="company-chips mb-3">
    @foreach(['' => __('messages.all'), 'available' => __('status.available'), 'active' => __('status.active'), 'suspended' => __('status.suspended'), 'returned' => __('status.returned')] as $value => $label)
        <a class="company-chip {{ (string) request('status') === (string) $value ? 'active' : '' }}" href="{{ route('lines.index', array_merge(request()->except('page'), ['status' => $value])) }}">{{ $label }}</a>
    @endforeach
</div>

<form class="row g-2 mb-3">
    <input type="hidden" name="telecom_company_id" value="{{ request('telecom_company_id') }}">
    <input type="hidden" name="status" value="{{ request('status') }}">
    <div class="col-md-4"><input class="form-control" name="q" value="{{ request('q') }}" placeholder="{{ __('messages.search_number') }}"></div>
    <div class="col-md-2"><button class="btn btn-outline-secondary">{{ __('messages.filter') }}</button></div>
</form>
<div class="card">
    <div class="table-responsive">
        <table class="table compact-table mb-0">
            <thead>
            <tr>
                <th>{{ __('messages.line') }}</th>
                <th>{{ __('messages.company') }}</th>
                <th>{{ __('messages.customer') }}</th>
                <th>{{ __('messages.plan') }}</th>
                <th>{{ __('messages.line_price') }}</th>
                <th>{{ __('messages.plan_price') }}</th>
                <th>{{ __('messages.status') }}</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            @forelse($lines as $l)
                <tr>
                    <td><a href="{{ route('lines.show',$l) }}">{{ $l->phone_number }}</a></td>
                    <td>{{ $l->telecomCompany?->name }}</td>
                    <td>{{ $l->customer?->name ?? '—' }}</td>
                    <td>{{ $l->currentPlan?->name ?? '—' }}</td>
                    <td>{{ money($l->sale_price) }}</td>
                    <td>{{ $l->currentPlan ? money($l->currentPlan->price) : '—' }}</td>
                    <td><span class="badge text-bg-secondary">{{ $l->status->label() }}</span></td>
                    <td>
                        @can('sales.create')
                            @if($l->isAvailable())
                                <a href="{{ route('sales.create') }}">{{ __('nav.new_sale') }}</a>
                            @endif
                        @endcan
                    </td>
                </tr>
            @empty
                <tr><td colspan="8">{{ __('messages.no_results') }}</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    @include('partials.pagination', ['paginator' => $lines])
</div>
@endsection