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

@section('css')
@endsection

@section('content')
<!--begin::Content-->
<div class="content d-flex flex-column flex-column-fluid" id="kt_content" ng-controller="productPointsController">
    <!--begin::Subheader-->
    <div class="subheader py-3 py-lg-8 subheader-transparent" id="kt_subheader" ng-init="getProductPoints()">
        <div class="container d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
            <!--begin::Info-->
            <div class="d-flex align-items-center flex-wrap mr-1">
                <!--begin::Page Heading-->
                <div class="d-flex align-items-baseline flex-wrap mr-5">
                    <!--begin::Page Title-->
                    <h2 class="subheader-title text-dark font-weight-bold my-1 mr-3">Productos</h2>
                    <!--end::Page Title-->
                    <div class="subheader-separator subheader-separator-ver mt-2 mb-2 mr-5 bg-gray-200"></div>
                    <!--end::Separator-->
                    <!--begin::Breadcrumb-->
                    <ul class="breadcrumb breadcrumb-transparent breadcrumb-dot font-weight-bold my-2 p-0">
                        <li class="breadcrumb-item">
                            <a href="" class="text-muted"></a>
                        </li>
                       
                    </ul>
                    <!--end::Breadcrumb-->
                </div>
                <!--end::Page Heading-->
            </div>
            <!--end::Info-->
            <!--begin::Toolbar-->
            <div class="d-flex align-items-center">
                <!--begin::Button-->
                
                <!--end::Button-->
            </div>
            <!--end::Toolbar-->
        </div>
    </div>
    <!--end::Subheader-->
    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid ng-cloak">
        <!--begin::Container-->
        <div class="container">

            <div class="card card-custom gutter-b">
                <div class="card-body">

                    <div class="form-group">
                        <div class="input-icon">
                            <input type="text" class="form-control" placeholder="Buscar producto ..."  ng-model="q">
                            <span>
                                <i class="flaticon2-search-1 icon-md"></i>
                            </span>
                        </div>
                    </div>

                    @include('partials.success')
                     @include('partials.errors')
                    <!--begin::Table-->
                    <div class="table-responsive">
                        <table class="table table-head-custom table-vertical-center" id="kt_advance_table_widget_2">
                            <thead>
                                <tr class="text-uppercase">
                                    <th style="min-width: 120px">Código</th>
                                    <th style="min-width: 120px">Producto</th>
                                    <th style="min-width: 120px">Costo de producción</th>
                                    <th style="min-width: 120px"></th>
                                    <th style="min-width: 120px">Entradas</th>
                                    <th style="min-width: 120px">Salidas</th>
                                    <th style="min-width: 120px"> </th>
                                    <th style="min-width: 120px">Stock </th>
                                    <th class="pr-0 text-right" style="min-width: 160px"></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-if="loading">
                                    <td colspan="8" style="text-align: center"> <img src="/app/assets/images/preloader.gif" class="preloader" alt="" >
                                    </td>
                                </tr>
                                <tr ng-repeat="item in product_points | filter:q ">
                                    <td>
                                        <span class="text-dark-75 font-weight-bolder d-block font-size-lg">@{{ item.code }}</span>
                                    </td>
                                    <td>
                                        <a href="/product/detail/@{{item.product_id}}" style="color">  <span class="text-dark-75 font-weight-bolder d-block font-size-lg">@{{ item.full_name }} </span> </a> 
                                       
                                    </td>
                                    <td>
                                        <span class="text-dark-75 font-weight-bolder d-block font-size-lg">@{{ item.purchase_price | currency }}</span>
                                    </td>
                                    <td>
                                        <div class="dropdown dropdown-inline">
                                            <a href="#" class="btn btn-light-primary font-weight-bold dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                                <i class="fas fa-dollar-sign"></i> Precios de venta
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-md py-5">
                                                <ul class="navi navi-hover">
                                                    <li class="navi-item" ng-repeat="item in item.sale_prices">
                                                        <span class="navi-link">
                                                            <span class="navi-icon"><i class="icon-xl fas fa-money-check-alt"></i></span> &nbsp;&nbsp;
                                                            <span class="navi-text">@{{item.price | currency }} @{{item.sale_channel.name}}</span>
                                                        </span>
                                                    </li>
                                                   
                                                </ul>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <a href="/purchases/@{{item.product_id}}" class="text-dark-75 font-weight-bolder d-block font-size-lg"> @{{ item.total_purchases }} </a>
                                    </td>
                                    <td>
                                        <a href="/sales/@{{item.product_id}}" class="text-dark-75 font-weight-bolder d-block font-size-lg">@{{ item.total_sales }}</a>
                                    </td>
                                    <td>
                                        <div class="label label-lg  label-inline text-center" ng-class="{'label-light-danger': item.last_sale > 60,  'label-light-warning': item.last_sale>15 && item.last_sale<60,'label-light-success': item.last_sale <=15 }" role="alert" ng-if="item.total_sales > 0">
                                            Última venta hace @{{ item.last_sale }} días
                                        </div>
                                        <div class="label label-lg label-light-danger label-inline text-center" role="alert" ng-if="item.total_sales == 0">
                                            Sin ventas
                                        </div>
                                        <div class="label label-lg label-inline text-center label-light-info" role="alert" ng-if="item.total_purchases > 0">
                                            Última entrada hace @{{ item.last_entry }} días
                                        </div>
                                    </td>
                                    <td>
                                        <div class="label label-lg  label-inline text-center" ng-class="{'label-light-primary': item.stock > 0,  'label-light-warning': item.stock<=0}" role="alert">
                                        @{{ item.stock }}
                                        </div>
                                    </td>
                                    <td class="pr-0 text-right">
                                        @can('asignar_costos_produccion')
                                        <a href="/product_points/edit/@{{item.id}}" class="btn btn-icon btn-light btn-hover-primary btn-sm mx-3">
                                            <span class="svg-icon svg-icon-md svg-icon-info">
                                                <!--begin::Svg Icon | path:assets/media/svg/icons/Communication/Write.svg-->
                                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                        <rect x="0" y="0" width="24" height="24" />
                                                        <path d="M12.2674799,18.2323597 L12.0084872,5.45852451 C12.0004303,5.06114792 12.1504154,4.6768183 12.4255037,4.38993949 L15.0030167,1.70195304 L17.5910752,4.40093695 C17.8599071,4.6812911 18.0095067,5.05499603 18.0083938,5.44341307 L17.9718262,18.2062508 C17.9694575,19.0329966 17.2985816,19.701953 16.4718324,19.701953 L13.7671717,19.701953 C12.9505952,19.701953 12.2840328,19.0487684 12.2674799,18.2323597 Z" fill="#000000" fill-rule="nonzero" transform="translate(14.701953, 10.701953) rotate(-135.000000) translate(-14.701953, -10.701953)" />
                                                        <path d="M12.9,2 C13.4522847,2 13.9,2.44771525 13.9,3 C13.9,3.55228475 13.4522847,4 12.9,4 L6,4 C4.8954305,4 4,4.8954305 4,6 L4,18 C4,19.1045695 4.8954305,20 6,20 L18,20 C19.1045695,20 20,19.1045695 20,18 L20,13 C20,12.4477153 20.4477153,12 21,12 C21.5522847,12 22,12.4477153 22,13 L22,18 C22,20.209139 20.209139,22 18,22 L6,22 C3.790861,22 2,20.209139 2,18 L2,6 C2,3.790861 3.790861,2 6,2 L12.9,2 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" />
                                                    </g>
                                                </svg>
                                                <!--end::Svg Icon-->
                                            </span>
                                        </a>
                                        @endcan
                                        @can('eliminar_puntos_productos')
                                        <a href="/product_points/delete/@{{item.id}}" class="btn btn-icon btn-light btn-hover-primary btn-sm">
                                            <span class="svg-icon svg-icon-md svg-icon-primary">
                                                <!--begin::Svg Icon | path:assets/media/svg/icons/General/Trash.svg-->
                                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                        <rect x="0" y="0" width="24" height="24" />
                                                        <path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero" />
                                                        <path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3" />
                                                    </g>
                                                </svg>
                                                <!--end::Svg Icon-->
                                            </span>
                                        </a>
                                        @endcan
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <!--end::Table-->
                </div>
            </div>

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

@endsection

@section('js')

@endsection