@extends('layouts.app')

@section('content') 

<div class="breadcomb-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="breadcomb-list">
                    <div class="row">

                        <div class="col-12">
                            @include('layouts.alertas')
                        </div>

                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="breadcomb-wp">
                                <div class="breadcomb-icon">
                                    <i class="fas fa-boxes"></i>
                                </div>
                                <div class="breadcomb-ctn">
                                    <h2>Modulo Ventas</h2>                                     
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-3">
                            <div class="breadcomb-report">
                                <a href="{{ route('PreVentas.Create') }}">
                                    <button data-placement="left" class="btn waves-effect">
                                        <i class="fas fa-plus"></i> Nueva Venta
                                    </button>
                                </a>
                                <!--
                                <a href="javascript:imprSelec('ListadoCotizaciones')"><button data-placement="left" class="btn waves-effect" >
                                    <i class="fas fa-print"></i> 
                                </button></a>
                                -->
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="data-table-area">
    <div class="container">
        <div class="row" id="ListadoCotizaciones">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="data-table-list">
                    <div class="basic-tb-hd">
                        <h2>Tabla de Pre Ventas</h2>                        
                        <p>Listado de todas las Pre ventas creadas en el sistema con todos los detalles</p>
                    </div>
                    <div class="table-responsive">  
                        <div id="data-table-basic_wrapper" class="dataTables_wrapper">
                            <table id="data-table-basic" class="table table-striped dataTable" role="grid" aria-describedby="data-table-basic_info">
                                <thead>
                                    <tr role="row">
                                        <th class="sorting_asc" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" aria-sort="ascending" width="10%">Venta No.</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" width="10%">Fecha</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" width="25%">Cliente</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" width="15%">Vendedor</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" width="10%">Estado</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" width="12%">Total</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" width="10%"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    
                                    @foreach($sales AS $val)
                                        <tr role="row" class="odd">
                                            <td class="sorting_1">{{ str_pad($val->id, 10, 'VEN-0000000', STR_PAD_LEFT) }}</td>
                                            <td>{{ \Carbon\Carbon::parse($val->created_at)->format('d-m-Y') }}</td>
                                            @foreach($customers AS $key)
                                                @if($key->id == $val->cliente_id)
                                                <td>{{ $key->nombre }} {{ $key->documento }}</td>
                                                @endif
                                            @endforeach
                                            @foreach($seller AS $value)
                                                @if($value->id == $val->vendedor_id)
                                                <td>{{ $value->name }}</td>
                                                @endif
                                            @endforeach
                                            <td style="color: green;">
                                                <strong>Disponible</strong>
                                            </td>
                                            <td>RD${{ number_format($val->total, 2) }}</td>
                                            <td >
                                                <span class="dropdown boton_more_table">
                                                    <button id="btnSearchDrop2" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" class="btn btn-primary dropdown-toggle dropdown-menu-right ">
                                                        OPCIONES
                                                    </button>
                                                
                                                    <span aria-labelledby="btnSearchDrop2" class="dropdown-menu mt-1 dropdown-menu-right option_drown drown_option">

                                                        <div class="opcion">
                                                            <a href="{{ route('PreVentas.Show', ['id' => $val->id])}}" class="dropdown-item">
                                                                <i class="fas fa-user-circle"></i> Ver Pre Venta
                                                            </a>
                                                        </div> 

                                                        <div class="opcion">
                                                            <a onclick="window.open('{{ route('Imprimir.Factura', ['id' => $val->id]) }}', '_blank')" class="dropdown-item">
                                                                <i class="fas fa-user-circle"></i> Imprimir
                                                            </a>
                                                        </div> 

                                                        @if(Auth::user()->id == $val->vendedor_id || Auth::user()->profile == 'Administrador')
                                                            <div class="opcion">
                                                                <a href="{{ route('PreVentas.Edit', ['id' => $val->id])}}" class="dropdown-item">
                                                                    <i class="fas fa-user-circle"></i> Editar Pre Venta
                                                                </a>
                                                            </div>
                                                        @if($val->status == 0)
                                                            <div class="opcion">
                                                                <a href="{{ route('PreVentas.Status', ['id' => $val->id, 'status' => $val->status])}}" class="dropdown-item" style="color: #ff0000;"> 
                                                                    <i class="fas fa-adjust"></i>  Deshabilitar
                                                                </a>
                                                            </div>
                                                        @elseif($val->status == 1)
                                                        <div class="opcion">
                                                                <a href="{{ route('PreVentas.Status', ['id' => $val->id, 'status' => $val->status])}}" class="dropdown-item" style="color: #006600;"> 
                                                                    <i class="fas fa-adjust"></i>  Habilitar
                                                                </a>
                                                            </div>
                                                        @endif
                                                            <div class="opcion">
                                                                <a href="{{ route('PreVentas.Delete', ['id' => $val->id])}}" onclick="return confirm('¿Desea borrarlo?');">
                                                                    <i class="fas fa-trash"></i> Eliminar
                                                                </a>
                                                            </div>
                                                        @endif  
                                                    </span>
                                                </span>
                                            </td>
                                        </tr>
                                    @endforeach
                                    
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <th rowspan="1" colspan="1" aria-sort="ascending">Venta No.</th>
                                        <th rowspan="1" colspan="1" >Fecha</th>
                                        <th rowspan="1" colspan="1" >Cliente</th>
                                        <th rowspan="1" colspan="1" >Vendedor</th>
                                        <th rowspan="1" colspan="1" >Estado</th>
                                        <th rowspan="1" colspan="1" >Total</th>
                                        <th rowspan="1" colspan="1" > </th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection