@extends('dashboard-saksi.layouts.app')

@section('content')
<h1 class="text-3xl font-bold mb-6 text-center">Home</h1>
            
<div class="bg-white shadow rounded-lg mb-4">
    <div class="p-4 border-b">
        <h2 class="text-lg font-semibold">TPS : {{$tps->nomor}} | Kelurahan/Desa : {{$tps->kelurahan_desa->nama}}</h2>
    </div>
    <div class="p-4">
        <div class="grid grid-cols-2 gap-4">
            <div class="text-center">
                <p class="text-2xl font-bold">{{number_format($totalSuara)}}</p>
                <p class="text-sm text-gray-600">Total Votes</p>
            </div>
            <div class="text-center">
                <p class="text-2xl font-bold">{{$jumlahCalon}}</p>
                <p class="text-sm text-gray-600">Calon</p>
            </div>
        </div>
    </div>
</div>

<div class="space-y-4">
  
    <a href="{{route('user-saksi.input-suara.index')}}" class="w-full flex justify-between items-center px-4 py-2 bg-white text-gray-800 border border-gray-300 rounded-md hover:bg-gray-50 transition-colors">
        Input Suara
        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
            <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
        </svg>
    </a>
    <a href="{{route('user-saksi.input-lampiran.index')}}" class="w-full flex justify-between items-center px-4 py-2 bg-white text-gray-800 border border-gray-300 rounded-md hover:bg-gray-50 transition-colors">
        Upload File
        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
            <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
        </svg>
    </a>
    {{-- <a href="{{route('user-saksi.lihat-calon.index')}}" class="w-full flex justify-between items-center px-4 py-2 bg-white text-gray-800 border border-gray-300 rounded-md hover:bg-gray-50 transition-colors">
        Lihat Calon
        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
            <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
        </svg>
    </a> --}}
    
</div>
@endsection