@extends('default.master')

@section('title', 'Services')

@section('main')
    @include('default.navbar')
    <div class="container-fluid p-5 mt-5">
        <!-- SEARCH BAR -->
        <div class="card p-2 mb-3">
            <form method="post" action="{{ route('service.search') }}">
                @csrf

                @if(session()->exists('keyword-service'))
                    <input type="hidden" name="set-search" value="false"/>
                @else
                    <input type="hidden" name="set-search" value="true"/>
                @endif
                <div class="input-group">
                    <input type="text" name="keyword" class="form-control"
                           @if(session()->exists('keyword-service')) value="{{ session('keyword-service') }}" disabled
                           @endif placeholder="nom du service" required/>
                    @if(session()->exists('keyword-service'))
                        <button type="submit" class="btn btn-danger" id="button-addon2"><i
                                class="fa-solid fa-xmark"></i></button>
                    @else
                        <button type="submit" class="btn btn-primary" id="button-addon2"><i class="fas fa-search"></i>
                        </button>
                    @endif
                </div>
            </form>
            <div class="row mt-2 d-flex justify-content-between">
                {{ $services->links() }}
                <div class="col-auto">
                    <a data-bs-toggle="modal" href="#addService" role="button" class="btn btn-success">
                        <i class="fa-solid fa-plus"></i> service
                    </a>
                </div>

            </div>
        </div>

        <div class="table-responsive">
            <table class="table align-middle table-striped table-bordered table-hover">
                <thead>
                <tr>
                    <th scope="col">ID</th>
                    <th scope="col">Nom</th>
                    <th scope="col">TVA (%)</th>
                    <th scope="col">Prix par défaut (HT)</th>
                    <th scope="col">Actions</th>
                </tr>
                </thead>
                <tbody>
                @forelse($services as $service)
                    <tr>
                        <th scope="row">{{ $service->id }}</th>
                        <td>{{ $service->name }}</td>
                        <td>{{ $service->tva }}%</td>
                        <td>{{ $service->default_price_excluding_tax }}</td>
                        <td>
                            <form method="post" action="{{route('service.delete', ['id' => $service->id])}}">
                                @csrf
                                <button type="submit" class="btn btn-danger me-2">
                                    <i class="fa-solid fa-trash-alt"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <th colspan="5">aucun service disponible en bdd</th>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <!-- Add Service Modal -->
    <div class="modal fade" id="addService" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
         aria-labelledby="addServiceLabel" aria-hidden="true">
        <div class="modal-dialog">
            <form class="modal-content" method="post" action="{{route('service.store')}}">
                @csrf
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="addServiceLabel">Ajouter un service</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="form-floating mb-3">
                        <input type="text" class="form-control" id="nameService" name="name"
                               placeholder="Nom du service">
                        <label for="nameService">Nom du service</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="number" class="form-control" id="tvaService" name="tva" placeholder="TVA (0-100%)"
                               max=100 min=0>
                        <label for="tvaService">TVA (0-100%)</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="number" class="form-control" id="defaultPriceExcludingTax" name="defaultPriceExcludingTax"
                               placeholder="Prix par défaut (HT)" min="0" step="0.01">
                        <label for="defaultPriceExcludingTax">Prix par défaut (HT)</label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">annuler</button>
                    <button type="submit" class="btn btn-primary">ajouter</button>
                </div>
            </form>
        </div>
    </div>

    @include('default.action-menu')
@endsection