@extends('layouts.master_app')
@section('title') Productos @endsection

@section('css')
<link href="/app/assets/plugins/custom/datatables/datatables.bundle.css" rel="stylesheet" type="text/css"/>
<script src="/app/assets/plugins/custom/datatables/datatables.bundle.js"></script>
@endsection

@section('content')
<!--begin::Content-->
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">

    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class="container">
            @include('partials.success')
            @include('partials.errors')

            <div class="row">
                <div class="col-lg-12">
                    <!--begin::Advance Table Widget 3-->
                    <div class="card card-custom card-stretch gutter-b">
                        <!--begin::Header-->
                        <div class="card-header border-0 py-5">
                            <h3 class="card-title align-items-start flex-column">
                                <span class="card-label font-weight-bolder text-dark">INVENTARIO</span>
                                <span class="text-muted mt-3 font-weight-bold font-size-sm"></span>
                            </h3>
                            <div class="card-toolbar">
                                <a href="/inventory/export_general" class="btn btn-success font-weight-bolder font-size-sm">
                                    Exportar inventario General
                                </a> &nbsp;
                                <a href="/inventory/export" class="btn btn-success font-weight-bolder font-size-sm">
                                    Exportar inventario
                                </a>
                            </div>
                        </div>
                        <!--end::Header-->
                        <!--begin::Body-->
                        <div class="card-body pt-0 pb-3">
                            <!--begin::Table-->
                            <div class="table-responsive">
                                <table class="table table-head-custom table-head-bg table-borderless table-vertical-center">
                                    <thead>
                                        <tr class="">
                                            <th style="min-width: 100px" class="pl-7">
                                                <span class="text-dark-75">Código</span>
                                            </th>
                                            <th style="min-width: 100px">
                                                Costo adquisición
                                            </th>
                                            <th style="min-width: 100px">
                                                Precio venta
                                            </th>
                                            <th style="min-width: 70px">Entradas</th>
                                            <th style="min-width: 70px">Salidas</th>
                                            <th style="min-width: 70px">Stock</th>
                                            <th style="min-width: 100px"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($inventory as $item)
                                        <tr>
                                            <td class="pl-0 py-8">
                                                <div class="d-flex align-items-center">
                                                    <div>
                                                        <span class="text-dark-75 font-weight-bolder text-hover-primary mb-1 font-size-lg d-block">{{$item->product->name}}</span>
                                                        <span class="text-dark-75 font-weight-bolder text-hover-primary mb-1 font-size-lg">{{$item->code}}</span>
                                                        <span class="text-muted font-weight-bold d-block">Punto {{$item->point->name}}</span>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                <span class="text-dark-75 font-weight-bolder d-block font-size-lg">${{$item->purchase_price}}</span>
                                                <span class="text-muted font-weight-bold"></span>
                                            </td>
                                            <td>
						@can('administrar_precios_de_venta')
                                                @foreach($item->sale_prices as $sale_price)
                                                    <a class="dropdown-item" href="#"> $ {{number_format($sale_price->price, 2, ".", ",") }}  {{$sale_price->sale_channel->name}}</a>
                                                @endforeach
						@endif
                                            </td>
                                            <td>
                                                <span class="text-dark-75 font-weight-bolder d-block font-size-lg">{{$item->total_purchases}}</span>
                                                <span class="text-muted font-weight-bold"></span>
                                            </td>
                                            <td>
                                                <span class="text-dark-75 font-weight-bolder d-block font-size-lg">{{$item->total_sales}}</span>
                                                <span class="text-muted font-weight-bold"></span>
                                            </td>
                                            <td>
                                                <span class="label label-lg @if($item->stock<=0) label-light-danger @else label-light-primary @endif label-inline">{{$item->stock}}</span>
                                            </td>
                                            <td class="text-right pr-0">
                                            
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <!--end::Table-->
                        </div>
                        <!--end::Body-->
                    </div>
                    <!--end::Advance Table Widget 3-->
                </div>

            </div>

        </div>
        <!--end::Container-->
    </div>
    <!--end::Entry-->
</div>
<!--end::Content-->

@endsection

@section('js')

@endsection