@extends('layouts.master')

@section('title', __("title.service"))

@section('pageContent')

    @include('layouts.breadcrumb', ['title' => __("breadcrumb.service_title"), 'subtitle' => __("breadcrumb.service_subtitle")])

    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-10">
                    <h4 class="card-title">📞 MES SERVICES</h4>
                    <p class="card-subtitle">Retrouvez ici tous vos services téléphoniques actifs</p>
                </div>
                <div class="col-2 text-end">
                    <a href="" class="btn btn-primary">Ajouter un service</a>
                </div>
            </div>

            <hr/>

            <h4 class="card-title">🔍 Rechercher un service</h4>
            <div class="d-flex gap-3 mt-4">
                <div class="form-group">
                    <label for="type" class="form-label">Type</label>
                    <select id="type" class="form-select">
                        <option value="all">Tous les types</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="type" class="form-label">Status</label>
                    <select id="type" class="form-select">
                        <option value="all">Tous les status</option>
                        {{-- @foreach($serviceStatusList as $value => $label)
                            <option value="{{ $value }}">{{ $label }}</option>
                        @endforeach --}}
                    </select>
                </div>
            </div>
        </div>
    </div>

    <livewire:service.service-list />
@endsection

@section('scripts')
    
@endsection