@extends("main")

@section("content")

@include('../navbar') 



 <div class="relative">
                        
                    	<div class="container relative text-left" style="padding-top: 80px; padding-bottom: 5rem;">
                    	     
                    			<div class="col-md-11 text-white ">
                    				<div class="container relative z-20">
                    <h2 class="max-w-2xl text-3xl font-bold tracking-tight text-white sm:text-4xl">Daftar Harga</h2>
                    <p class="mt-6 max-w-3xl">Semua daftar harga dari produk kami. <br> Pilih produk untuk melihat daftar
                        harga </p>
                </div>
                    			 </div>
                    			 </div>
                    <div class="absolute inset-0  -z-10">
                       <div class="area ">
                            <ul class="circles">
                                  <li></li>
                                  <li></li>
                                  <li></li>
                                  <li></li>
                                  <li></li>
                                  <li></li>
                                  <li></li>
                                  <li></li>
                                  <li></li>
                                  <li></li>
                            </ul>
                        </div>
                    </div>
                    </div>
                    
                <div class="container">
            	        <div class="row mb-3 pt-6 ">
						        <div class="grid grid-cols-2 gap-4 ">
						            <select class="form-control bg-gray-300 focus:!bg-white block w-full rounded-md border-gray-300 text-xs shadow-sm focus:outline-none hover:ring-red-600 focus:border-[#2D2EAD] focus:ring-2 focus:ring-[#2D2EAD] py-[0.5rem] px-[0.75rem]" onchange="load_product(this.value);">
						                <option class="text-dark" value="{{ $id == null ? '0' : $id->id }}" {{ $id == null ? '' : 'selected' }}>{{ $id == null ? 'Pilih Games…' : $id->nama.' (Selected)' }}</option>
						                @foreach($kategoris as $k)
						                <option class="text-dark" value="{{ $k->id }}" >{{ $k->nama }}</option>
						                @endforeach
						            </select>
						        </div>
						       
						    </div>
						    
			<div class="space-y-4">
             <div class="css-6qw8qz rounded-lg overflow-x-auto">
                 <table class="min-w-full table text-white">
    						        <thead>
    						            <tr>
    						                
    						                <th scope="col" class="whitespace-nowrap px-3 py-4 text-left text-xs">Layanan</th>
    						                <th scope="col" class="whitespace-nowrap px-3 py-4 text-left text-xs">Harga Guest</th>
    						                <th scope="col" class="whitespace-nowrap px-3 py-4 text-left text-xs">Harga Member</th>
    						                <th scope="col" class="whitespace-nowrap px-3 py-4 text-left text-xs">Harga Platinum</th>
    						                <th scope="col" class="whitespace-nowrap px-3 py-4 text-left text-xs">Harga Gold</th>
    						                <th scope="col" class="whitespace-nowrap px-3 py-4 text-left text-xs">Status</th>
    						            </tr>
    						        </thead>
    						        <tbody>
    						        @foreach($datas as $data)
                                    @php
                                        if($data->status_layanan == "available"){
                                            $label_pesanan = "success";
                                        }else{
                                            $label_pesanan = "danger";
                                        }
                                    @endphp
    								    <tr>
    									    
    										<td scope="row" class="whitespace-nowrap px-3 py-3.5 text-left text-xs">{{ $data->layanan }}</td>
    										<td scope="row" class="whitespace-nowrap px-3 py-3.5 text-left text-xs">Rp. {{ number_format($data->harga,0,',','.') }}</td>
    										<td scope="row" class="whitespace-nowrap px-3 py-3.5 text-left text-xs">Rp. {{ number_format($data->harga_member,0,',','.') }}</td>
    										<td scope="row" class="whitespace-nowrap px-3 py-3.5 text-left text-xs">Rp. {{ number_format($data->harga_platinum,0,',','.') }}</td>
    										<td scope="row" class="whitespace-nowrap px-3 py-3.5 text-left text-xs">Rp. {{ number_format($data->harga_gold,0,',','.') }}</td>
    										<td><span class="badge bg-{{ $label_pesanan }}">{{ $data->status_layanan }}</span></td>
    									</tr>
    								@endforeach
    								</tbody>
    						    </table>
						    
						    </div>
						    </div>
						    </div>
						    </div>
						    

						    
                      




@endsection
@section('js')


<script>
	function go_section(id) {
		$('html, body').animate({
		    scrollTop: $("#games-" + id).offset().top
		}, 400);
	}
		
	function load_product(id) {
	    window.location.href = '{{ env("APP_URL") }}/daftar-harga/' + id;
	}
</script>

@include('../footer')
@endsection