@extends('layouts.app')

@section('content')
    <div class="page-wrapper">
        <div class="page-content">

            <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
                <div class="breadcrumb-title pe-3">Detalle de ajuste</div>
                <div class="ps-3">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb mb-0 p-0">
                            <li class="breadcrumb-item">
                                <a href="{{route('home')}}"><i class="bx bx-home"></i></a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="{{route('productos')}}"><i class="bx bx-cart"></i></a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">Detalle de ajuste</li>
                        </ol>
                    </nav>
                </div>
                <div class="ms-auto">
                    <a class="btn btn-dark" id="btn-categoria" href="{{route('ajustes.inventario')}}"><i class="bx bx-arrow-to-left"></i>Volver</a>
                </div>
            </div>


             <div class="card radius-10">
                <div class="card-body">
                    @if($ajuste->count() > 0)
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-3">
                                    <strong>Usuario:</strong><br>
                                    <div class="chip chip-md" style="margin: 5px 0">
                                        <img src="{{$ajuste->user->avatar_img()}}">{{$ajuste->user->name}}
                                    </div>
                                </div>
                                <div class="mb-2">
                                    <label>Descripción: {{$ajuste->descripcion}}</label>
                                </div>
                                @if($ajuste->fecha_ajuste != null)
                                    <div class="mb-2">
                                        <label>Fecha del ajuste: {{\Carbon\Carbon::parse($ajuste->fecha_ajuste)->format('d/m/Y H:i')}}</label>
                                    </div>
                                @endif
                                <div class="mb-2">
                                    <label>Fecha de registro: {{\Carbon\Carbon::parse($ajuste->created_at)->format('d/m/Y H:i')}}</label>
                                </div>
                                <div class="mb-2">
                                    <label>Hora de registro: {{\Carbon\Carbon::parse($ajuste->created_at)->format('h:i a')}}</label>
                                </div>
                                <div class="mb-2">
                                    <label>Cantidad de productos ajustados: {{$ajuste->cantidad}}</label>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="table-responsive">
                            <table class="table align-middle mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th>Producto</th>
                                        <th>Cantidad</th>
                                        <th>Cantidad anterior</th>
                                        <th>Diferencia</th>
                                        <th>Precio</th>
                                        <th>Precio anterior</th>
                                        <th>Diferencia</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($ajuste->ajustes as $ajuste_producto)
                                        <tr role="row" class="odd">
                                            <td>
                                                <div class="d-flex align-items-center">
                                                    <div class="recent-product-img" id="select_image" id_product="{{$ajuste_producto->producto->id}}">
                                                        <img src="{{$ajuste_producto->producto->imagen_small()}}" alt="" id="img_update_{{$ajuste_producto->producto->id}}">
                                                    </div>
                                                    <div class="ms-2">
                                                        <h6 class="mb-1 font-14">{{$ajuste_producto->producto->nombre}}</h6>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>{{$ajuste_producto->cant}}</td>
                                            <td>{{$ajuste_producto->old_cant}}</td>
                                            <td>{{$ajuste_producto->cant - $ajuste_producto->old_cant}}</td>
                                            <td>{{number_format($ajuste_producto->price)}}</td>
                                            <td>{{number_format($ajuste_producto->old_price)}}</td>
                                            <td>{{number_format($ajuste_producto->price - $ajuste_producto->old_price)}}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            
                            <!--
                            <div class="mt-3 justify-content-center d-flex">
                               
                            </div> 
                            -->
                            
                        </div>
                    @else
                        <div class="nothing">
                            <span class="font-35">No hay ajustes de inventario todavia.</span><br><br>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

@endsection