@extends('layouts.erp')
@section('title', $item->number)
@section('page_title', 'SAV '.$item->number)
@section('content')
<div class="page-tools">
    <div class="spacer"><a class="btn btn-outline" href="{{ route('sav.edit', $item) }}">Modifier</a></div>
</div>
<div class="card" style="margin-bottom:12px">
    <div class="card-header">Dossier {{ $item->number }}</div>
    <div class="card-body">
        <div class="facts">
            <div class="fact"><span>Client</span><b>{{ $item->client->name ?? '—' }}</b></div>
            <div class="fact"><span>Produit</span><b>{{ $item->product_name ?: '—' }}</b></div>
            <div class="fact"><span>N° série</span><b>{{ $item->serial_number ?: '—' }}</b></div>
            <div class="fact"><span>Technicien</span><b>{{ $item->technician->name ?? '—' }}</b></div>
            <div class="fact"><span>Statut</span><b><span class="pill info">{{ ucfirst(str_replace('_', ' ', $item->status)) }}</span></b></div>
            <div class="fact"><span>Garantie</span><b><span class="pill {{ $item->under_warranty ? 'ok' : 'gray' }}">{{ $item->under_warranty ? 'Sous garantie' : 'Hors garantie' }}</span></b></div>
            <div class="fact wide"><span>Observations</span><b>{{ $item->observations ?: '—' }}</b></div>
        </div>
    </div>
</div>

<div class="card" style="margin-bottom:16px;"><div class="card-header">Interventions</div><div class="card-body" style="padding:0;">
@if($item->interventions->isEmpty())
    <div class="empty">Aucune intervention.</div>
@else
<table class="data">
    <thead><tr><th>Date</th><th>Technicien</th><th>Type</th><th>Coût</th><th>Statut</th><th>Description</th></tr></thead>
    <tbody>
    @foreach($item->interventions as $iv)
    <tr>
        <td>{{ optional($iv->intervention_date)->format('d/m/Y') }}</td>
        <td>{{ $iv->technician->name ?? '—' }}</td>
        <td>{{ $iv->type }}</td>
        <td>{{ number_format($iv->cost, 0, ',', ' ') }} FCFA</td>
        <td>{{ $iv->status }}</td>
        <td>{{ $iv->description }}</td>
    </tr>
    @endforeach
    </tbody>
</table>
@endif
</div></div>

<div class="card"><div class="card-header">Ajouter une intervention</div><div class="card-body">
<form method="POST" action="{{ route('sav.interventions.store', $item) }}">
    @csrf
    <div class="form-grid">
        <div class="form-group"><label>Date *</label><input type="date" name="intervention_date" class="form-control" value="{{ date('Y-m-d') }}" required></div>
        <div class="form-group">
            <label>Technicien</label>
            <select name="technician_id" class="form-control">
                <option value="">—</option>
                @foreach($technicians as $t)<option value="{{ $t->id }}">{{ $t->name }}</option>@endforeach
            </select>
        </div>
        <div class="form-group"><label>Type</label><input type="text" name="type" class="form-control" placeholder="diagnostic, réparation…"></div>
        <div class="form-group"><label>Coût</label><input type="number" step="0.01" name="cost" class="form-control" value="0"></div>
        <div class="form-group">
            <label>Statut *</label>
            <select name="status" class="form-control" required>
                <option value="planifie">Planifié</option>
                <option value="en_cours">En cours</option>
                <option value="termine">Terminé</option>
            </select>
        </div>
        <div class="form-group" style="grid-column:1/-1;"><label>Description</label><textarea name="description" class="form-control" rows="2"></textarea></div>
        <div class="form-group" style="grid-column:1/-1;"><label>Pièces remplacées</label><textarea name="parts_replaced" class="form-control" rows="2"></textarea></div>
        <div class="form-group" style="grid-column:1/-1;"><label>Notes</label><textarea name="notes" class="form-control" rows="2"></textarea></div>
    </div>
    <div class="form-actions"><button type="submit" class="btn btn-primary">Ajouter</button></div>
</form>
</div></div>
@endsection