@extends('layouts.app')

@section('titulo','Puntos de Venta')


@section('contenido')

<div class="max-w-7xl mx-auto space-y-6">


<div class="flex justify-between">

<h1 class="text-2xl font-bold">
Puntos de Venta
</h1>


<a href="{{route('puntos_venta.create')}}"
class="bg-brand-600 text-white px-4 py-2 rounded-lg">

Nuevo Punto de Venta

</a>

</div>



<div class="bg-white rounded-xl border overflow-hidden">

<table class="w-full text-sm">


<thead class="bg-slate-50">

<tr>

<th class="px-5 py-3 text-left">
Código
</th>

<th class="px-5 py-3">
Nombre
</th>

<th class="px-5 py-3">
Local
</th>

<th class="px-5 py-3">
Almacén
</th>

<th class="px-5 py-3">
Estado
</th>

<th></th>

</tr>

</thead>


<tbody>

@foreach($puntosVenta as $pv)

<tr class="border-t">


<td class="px-5 py-3">
{{$pv->codigo}}
</td>


<td>
{{$pv->nombre}}
</td>


<td>
{{$pv->local->nombre}}
</td>


<td>
{{$pv->almacen->nombre}}
</td>


<td>

@if($pv->estado)

<span class="text-green-600">
Activo
</span>

@else

<span class="text-red-600">
Inactivo
</span>

@endif

</td>


<td>

<a href="{{route('puntos_venta.edit',$pv)}}"
class="text-blue-600">

Editar

</a>


<form method="POST"
action="{{route('puntos_venta.destroy',$pv)}}"
class="inline">

@csrf
@method('DELETE')

<button class="text-red-600 ml-3">
Eliminar
</button>

</form>

</td>


</tr>

@endforeach


</tbody>

</table>

</div>


</div>

@endsection