@extends('layout.app')
@section('title','Salaires délégués')
@section('page_title','Gestion des salaires par cycle')

@section('content')
<div class="container-fluid">
<div class="card border-0 shadow-sm rounded-4">
<div class="card-body">

<div class="d-flex justify-content-between align-items-center mb-3">
    <h5 class="fw-semibold text-primary">
        💼 Cycle :
        <form method="GET" class="d-inline">
            <select name="cycle_id" onchange="this.form.submit()" class="form-select d-inline w-auto">
                @foreach($cycles as $c)
                    <option value="{{ $c->id }}" {{ $currentCycle==$c->id?'selected':'' }}>{{ $c->name }}</option>
                @endforeach
            </select>
        </form>
    </h5>

    <form method="POST" action="{{ route('admin.salaries.prime') }}" class="d-flex align-items-center">
        @csrf @method('PUT')
        <label class="fw-semibold me-2 text-primary">Prime par visite :</label>
        <input type="number" step="0.01" name="prime_per_visit" class="form-control me-2"
               value="{{ $primePerVisit }}" style="width:120px">
        <button class="btn btn-glo-success"><i class="fa fa-save"></i></button>
    </form>
</div>

@if(session('success'))
 <div class="alert alert-success">{{ session('success') }}</div>
@endif

<table class="table align-middle table-hover">
<thead class="table-light">
<tr>
    <th>Délégué</th>
    <th>Fixe (DH)</th>
    <th>Visites valides</th>
    <th>Prime ({{ $primePerVisit }} DH/visite)</th>
    <th>Total (DH)</th>
    <th class="text-end">Actions</th>
</tr>
</thead>
<tbody>
@foreach($salaires as $s)
<tr>
    <td>{{ $s['delegue']->name }}</td>
    <td>{{ number_format($s['fixe'],2) }}</td>
    <td>{{ $s['visites'] }}</td>
    <td>{{ number_format($s['prime'],2) }}</td>
    <td><strong>{{ number_format($s['total'],2) }}</strong></td>
    <td class="text-end">
        <a href="{{ route('admin.salaries.show',$s['delegue']) }}" class="btn btn-sm btn-outline-primary">
            <i class="fa fa-eye"></i> Détails
        </a>
    </td>
</tr>
@endforeach
</tbody>
</table>

</div></div></div>
@endsection