@extends('layouts.app')
@section('title', __('Sales targets'))
@section('content')
@if(auth()->user()->isAdmin())
<section class="panel-card mb-6 p-5 sm:p-7">
  <h2 class="text-lg font-bold text-slate-900">{{ __('Set sales target') }}</h2>
  <form method="POST" action="{{ route('admin.targets.store') }}" class="mt-4 grid gap-4 sm:grid-cols-2 lg:grid-cols-3">@csrf
    <label class="block text-sm font-semibold text-slate-700">{{ __('Target scope') }}
      <select name="scope" class="field-control mt-2" required><option value="user">{{ __('Individual account') }}</option><option value="department">{{ __('Department') }}</option></select>
    </label>
    <label class="block text-sm font-semibold text-slate-700">{{ __('Account') }}
      <select name="user_id" class="field-control mt-2"><option value="">{{ __('Choose account') }}</option>@foreach($users as $user)<option value="{{ $user->id }}">{{ $user->name }} · {{ $user->member_id }}</option>@endforeach</select>
    </label>
    <label class="block text-sm font-semibold text-slate-700">{{ __('Department') }}
      <select name="department_id" class="field-control mt-2"><option value="">{{ __('Select department') }}</option>@foreach($departments as $department)<option value="{{ $department->id }}">{{ $department->name }} · {{ $department->code }}</option>@endforeach</select>
    </label>
    <label class="block text-sm font-semibold text-slate-700">{{ __('Start date') }}<input type="date" name="period_start" value="{{ old('period_start', now()->startOfMonth()->toDateString()) }}" class="field-control mt-2" required></label>
    <label class="block text-sm font-semibold text-slate-700">{{ __('End date') }}<input type="date" name="period_end" value="{{ old('period_end', now()->endOfMonth()->toDateString()) }}" class="field-control mt-2" required></label>
    <label class="block text-sm font-semibold text-slate-700">{{ __('Target amount') }}<input type="number" step="0.01" min="0.01" name="target_amount" class="field-control mt-2" required></label>
    <button class="rounded-xl bg-blue-900 px-5 py-3 text-sm font-bold text-white sm:col-span-2 lg:col-span-3">{{ __('Save target') }}</button>
  </form>
</section>
@endif
<section class="panel-card overflow-hidden">
  <div class="table-scroll"><table class="w-full text-left text-sm">
    <thead class="bg-slate-50 text-xs font-bold uppercase text-slate-400"><tr><th class="px-5 py-3">{{ __('Target') }}</th><th class="px-5 py-3">{{ __('Period') }}</th><th class="px-5 py-3">{{ __('Achievement') }}</th><th class="px-5 py-3">{{ __('Progress') }}</th>@if(auth()->user()->isAdmin())<th class="px-5 py-3"></th>@endif</tr></thead>
    <tbody class="divide-y divide-slate-100">
      @forelse($targets as $target)
        @php($progress = min(100, (float) $target->target_amount > 0 ? ($target->achieved_amount / (float) $target->target_amount) * 100 : 0))
        <tr>
          <td class="px-5 py-4"><p class="font-bold text-slate-800">{{ $target->user?->name ?? $target->department?->name }}</p><p class="mt-1 text-xs text-slate-400">{{ $target->user?->member_id ?? __('Department target') }}</p></td>
          <td class="whitespace-nowrap px-5 py-4">{{ $target->period_start->format('M d, Y') }} – {{ $target->period_end->format('M d, Y') }}</td>
          <td class="whitespace-nowrap px-5 py-4 font-semibold">৳{{ number_format($target->achieved_amount, 2) }} / ৳{{ number_format($target->target_amount, 2) }}</td>
          <td class="min-w-36 px-5 py-4"><div class="h-2 overflow-hidden rounded-full bg-slate-100"><div class="h-full rounded-full bg-gradient-to-r from-orange-500 to-rose-500" style="width: {{ $progress }}%"></div></div><p class="mt-1 text-xs text-slate-500">{{ number_format($progress, 1) }}%</p></td>
          @if(auth()->user()->isAdmin())<td class="px-5 py-4"><form method="POST" action="{{ route('admin.targets.destroy', $target) }}" onsubmit="return confirm('{{ __('Remove this target?') }}')">@csrf @method('DELETE')<button class="text-xs font-bold text-rose-600">{{ __('Remove') }}</button></form></td>@endif
        </tr>
      @empty
        <tr><td colspan="{{ auth()->user()->isAdmin() ? 5 : 4 }}" class="px-5 py-12 text-center text-sm text-slate-400">{{ __('No sales targets set for your account.') }}</td></tr>
      @endforelse
    </tbody>
  </table></div>
  <div class="border-t border-slate-100 px-5 py-4">{{ $targets->links() }}</div>
</section>
@endsection