{{-- Targets --}}
@extends('layouts.app')
@section('page-title','Targets')
@section('content')
<div style="margin-bottom:16px;display:flex;justify-content:flex-end">
    @if(auth()->user()->isAdmin())
    <button class="btn btn-primary" onclick="openModal('setTargetModal')"><i class="fas fa-bullseye"></i> Set Target</button>
    @endif
</div>
<div class="card">
    <div class="table-wrap">
        <table>
            <thead><tr><th>Salesman</th><th>Type</th><th>Month</th><th>Leads Target</th><th>Conversions</th><th>Amount Target</th><th></th></tr></thead>
            <tbody>
            @forelse($targets as $t)
            <tr>
                <td style="font-weight:500">{{ $t->salesman?->full_name }}</td>
                <td><span class="badge badge-info">{{ ucfirst($t->target_type) }}</span></td>
                <td style="font-size:13px">{{ $t->target_month->format('M Y') }}</td>
                <td style="font-weight:600">{{ $t->target_leads }}</td>
                <td style="font-weight:600">{{ $t->target_conversions }}</td>
                <td style="font-weight:600">৳{{ number_format($t->target_amount) }}</td>
                <td>
                    @if(auth()->user()->isAdmin())
                    <form method="POST" action="{{ route('targets.destroy',$t) }}" onsubmit="return confirm('Delete?')">
                        @csrf @method('DELETE')
                        <button type="submit" class="btn btn-secondary btn-sm btn-icon"><i class="fas fa-trash"></i></button>
                    </form>
                    @endif
                </td>
            </tr>
            @empty
            <tr><td colspan="7" style="text-align:center;padding:40px;color:#94a3b8">No targets set yet.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="pagination">{{ $targets->links('vendor.pagination.simple') }}</div>
</div>

<div class="modal-overlay" id="setTargetModal">
    <div class="modal"><div class="modal-header"><h3>Set Target</h3><button class="modal-close" onclick="closeModal('setTargetModal')">×</button></div>
    <form method="POST" action="{{ route('targets.store') }}">@csrf
        <div class="modal-body">
            <div class="form-group"><label>Salesman *</label>
                <select name="salesman_id" class="form-control" required>
                    @foreach($salesmen as $s)<option value="{{ $s->id }}">{{ $s->full_name }}</option>@endforeach
                </select>
            </div>
            <div class="form-row">
                <div class="form-group"><label>Type</label>
                    <select name="target_type" class="form-control"><option value="monthly">Monthly</option><option value="weekly">Weekly</option></select>
                </div>
                <div class="form-group"><label>Month *</label><input type="month" name="target_month" class="form-control" required></div>
            </div>
            <div class="form-row-3">
                <div class="form-group"><label>Leads</label><input type="number" name="target_leads" class="form-control" value="0"></div>
                <div class="form-group"><label>Conversions</label><input type="number" name="target_conversions" class="form-control" value="0"></div>
                <div class="form-group"><label>Amount (৳)</label><input type="number" name="target_amount" class="form-control" value="0"></div>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" onclick="closeModal('setTargetModal')">Cancel</button>
            <button type="submit" class="btn btn-primary">Set Target</button>
        </div>
    </form></div>
</div>
@endsection