@extends('layouts.panel.app')

@push('link')
    <style>
        .disponible::before,
        .apartado::before,
        .vendido::before {
            content: "";
            width: 12px;
            height: 12px;
            display: inline-block;
            border-radius: 15px;
            margin-right: 6px;
        }

        .disponible::before {
            background-color: #39CE41;
        }
        .apartado::before {
            background-color: #FFB550;
        }
        .vendido::before {
            background-color: #FD5859;
        }
        .pointer-none {
            pointer-events: none;
            cursor: pointer;
        }
    </style>
@endpush

@section('content')
    <!-- Header -->
    @include('include.panel.header')

    <!-- Page content -->
    <div class="container-fluid mt--6">
        <div class="row">
            <div class="col">
				<div class="card">
				<!-- Card header -->
					<div class="card-header border-0">
                        <div class="row">
                            <div class="col-12 col-md-9 col-xl-10">
                                <div class="d-flex align-items-center mb-2">
                                    <h3 class="mb-0 mr-4">Lista de precios</h3>
                                </div>

                                <p class="mb-1"><small>Seleccione el precio que tendran los departamentos:</small></p>
                                <div class="btn-group btn-group-sm" role="group" aria-label="Basic example">
                                    <form action="{{route('panel.lotificacion.change_precio_lotes', ["num_lista" => 1])}}">
                                        <button type="submit" class="btn {{($lista -> lista_activa == 1) ? 'btn-primary' : 'btn-default'}} rounded-0 btn-sm">Lista Precio 1</button>
                                    </form>
                                    <form action="{{route('panel.lotificacion.change_precio_lotes', ["num_lista" => 2])}}">
                                        <button type="submit" class="btn {{($lista -> lista_activa == 2) ? 'btn-primary' : 'btn-default'}} rounded-0 btn-sm">Lista Precio 2</button>
                                    </form>
                                    <form action="{{route('panel.lotificacion.change_precio_lotes', ["num_lista" => 3])}}">
                                        <button type="submit" class="btn {{($lista -> lista_activa == 3) ? 'btn-primary' : 'btn-default'}} rounded-0 btn-sm">Lista Precio 3</button>
                                    </form>
                                    <form action="{{route('panel.lotificacion.change_precio_lotes', ["num_lista" => 4])}}">
                                        <button type="submit" class="btn {{($lista -> lista_activa == 4) ? 'btn-primary' : 'btn-default'}} rounded-0 btn-sm">Lista Precio 4</button>
                                    </form>
                                    <form action="{{route('panel.lotificacion.change_precio_lotes', ["num_lista" => 5])}}">
                                        <button type="submit" class="btn {{($lista -> lista_activa == 5) ? 'btn-primary' : 'btn-default'}} rounded-0 btn-sm">Lista Precio 5</button>
                                    </form>
                                    <form action="{{route('panel.lotificacion.change_precio_lotes', ["num_lista" => 6])}}">
                                        <button type="submit" class="btn {{($lista -> lista_activa == 6) ? 'btn-primary' : 'btn-default'}} rounded-0 btn-sm">Lista Precio 6</button>
                                    </form>
                                </div>
                            </div>
                            <div class="col-12 col-md-3 col-xl-2">
                                <h3>Leyenda</h3>

                                <ul class="list-unstyled">
                                    <li class="disponible"><small>Disponible</small></li>
                                    <li class="apartado"><small>Apartado</small></li>
                                    <li class="vendido"><small>Vendido</small></li>
                                </ul>
                            </div>
                        </div>
					</div>
                    <!-- Light table -->
					<div class="table-responsive pb-3">
						<table class="table align-items-center table-flush" id="dataTable" data-order='[[ 1, "asc" ]]' data-paging='false'>
							<thead class="thead-light">
								<tr>
									{{-- <th width="20px">
                                    </th> --}}
									<th scope="col" class="sort" data-sort="budget"># Apartamento</th>
									<th scope="col" class="sort" data-sort="status">Nivel</th>
                  <!-- <th scope="col" class="sort" data-sort="status">Torre</th>
									<th scope="col" class="sort" data-sort="status">Tipologia</th> -->
									<th scope="col" class="sort" data-sort="status">Precio</th>
									{{-- <th scope="col" class="text-center">Galeria</th> --}}
									<th scope="col" class="text-center">Acciones</th>
								</tr>
							</thead>
							<tbody class="list">
								@if ((isset($resp)) && (count($resp) > 0))
                                    @foreach ($resp as $row)

                                        @php
                                            if($row -> lista_activa == 1){
                                                $precio_a = number_format($row -> lista_precio_1);
                                            }elseif ($row -> lista_activa == 2) {
                                                $precio_a = number_format($row -> lista_precio_2);
                                            }elseif ($row -> lista_activa == 3 ){
                                                $precio_a = number_format($row -> lista_precio_3);
                                            }elseif ($row -> lista_activa == 4 ){
                                                $precio_a = number_format($row -> lista_precio_4);
                                            }elseif ($row -> lista_activa == 5 ){
                                                $precio_a = number_format($row -> lista_precio_5);
                                            }else{
                                                $precio_a = number_format($row -> lista_precio_6);
                                            }
                                        @endphp

                                        <tr>
                                            {{-- <td>
                                                <input type="checkbox" class="" id="" value="{{ $row -> id }}"> <span style="opacity:0;">{{ $row -> id}}</span>
                                            </td> --}}
                                            <td>Depto <b>#{{ $row -> num_depto }}</b></td>
                                            <td>{{ $row -> nivel }}</td>

                                            <td>${{ $precio_a }}</td>
                                             <td class="text-center">
                                                <a href="{{route('panel.lotificacion.galeria.index', ['id' => $row -> id])}}" class="btn btn-primary btn-sm">Galeria</a>
                                            </td> 
                                            <td class="text-center acciones-{{$row -> id}}">
                                                <button class="btn btn-success btn-sm border-0" style="background-color: #39CE41;" onclick="cambiar_status({{$row -> id}}, 1)"> @if ($row -> status == 1) <i class="fas fa-circle"></i> @else <i class="far fa-circle"></i> @endif </button>
                                                <button class="btn btn-warning btn-sm border-0" style="background-color: #FFB550;" onclick="cambiar_status({{$row -> id}}, 2)"> @if ($row -> status == 2) <i class="fas fa-circle"></i> @else <i class="far fa-circle"></i> @endif </button>
                                                <button class="btn btn-danger btn-sm border-0" style="background-color: #FD5859;" onclick="cambiar_status({{$row -> id}}, 3)"> @if ($row -> status == 3) <i class="fas fa-circle"></i> @else <i class="far fa-circle"></i> @endif </button>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
							</tbody>
						</table>
					</div>
				</div>
			</div>
        </div>
    </div>
@endsection

@push('js')
    <script type="text/javascript">
        const PATH = "{{url('/admin/').'/'}}";
    </script>
    <script type="text/javascript" src="{{mix('panel/js/lotificacion.js')}}"></script>
@endpush