@extends('layouts.dashboard')
@section('css')
    <link href="{{ asset('css/receptores/create.css') }}" rel="stylesheet">
    <link href="{{ asset('css/cargando.css') }}" rel="stylesheet">
    <link href="{{ asset('css/jquery.multi-emails.css') }}" rel="stylesheet">
@endsection

@section('js')
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
@endsection

@section('content')
    <div class="app-page-title d-xs-none">
        <div class="page-title-wrapper">
            <div class="col-sm-4">
                <div class="page-title-heading">
                    <div>
                        <div class="page-title-subheading">

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

            <div class="col-sm-8">
                <div class="page-header float-right">
                    <nav class="" aria-label=" breadcrumb">
                        <ol class="breadcrumb text-right">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
                            <li class="active breadcrumb-item" aria-current="page"><a
                                    href="{{ route('facturas.index') }}">Mis compras</a></li>
                            <li class="active breadcrumb-item" aria-current="page">Id de compra : {{$orden->id_orden}}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    @if (session('message'))
        <div class="alert alert-success alert-dismissable col-4"
            style="text-align: center;margin: auto;margin-bottom: 1rem;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ session('message') }}</strong>
        </div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger alert-dismissable col-4"
            style="text-align: center;margin: auto;margin-bottom: 1rem;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>
                        <strong>{{ $error }}</strong>
                    </li>
                @endforeach
            </ul>
        </div>
    @endif



    <div class="animated fadeIn d-flex justify-content-center mt-5">
        <div class="card col col-md-6">
            <div class="card-header">Información detallada de la facturación</div>

            <div class="row form-group">
                <div class="col col-md-3">
                    <label for="txt_nombre" class=" form-control-label">Fecha de emisión
                    </label>
                </div>

                <div class="col-12 col-md-9">
                    <label for="txt_nombre" class=" form-control-label"> {{ Carbon\Carbon::parse($orden->created_at)->format('d/m/Y') }} 
                    </label>
                </div>

                <div class="col col-md-3">
                    <label for="txt_nombre" class=" form-control-label">Estado de la factura
                    </label>
                </div>

                <div class="col-12 col-md-9">
                    <label for="txt_nombre" class=" form-control-label">{{ $orden->desc_status_factura }}
                    </label>
                </div>
                <div class="col col-md-3">
                    <label for="txt_nombre" class=" form-control-label">Fecha de pago
                    </label>
                </div>

                <div class="col-12 col-md-9">
                    <label for="txt_nombre" class=" form-control-label">{{ Carbon\Carbon::parse($orden->fecha_pago)->format('d/m/Y') }} 
                    </label>
                </div>
            </div>

            <div class="card-body card-block">
                <table id="bootstrap-data-table" class="table table-striped table-bordered table_impuestos">
                    <thead>
                        <tr>
                            <th>Descripción</th>
                            <th style="text-align: right;">Cantidad</th>
                            <th style="text-align: right;">Importe</th>

                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($detalle_orden as $item)
                            <tr>
                                <td>@if($item->id_producto_servicio == 6){{$orden->descripcion}}@else{{ $item->descripcion }}@endif</td>
                                <td style="text-align: right;"><span id="lbl_precio_unitario">{{ number_format($item->cantidad, 0) }}</span>
                                <td style="text-align: right;"><span id="lbl_precio_unitario">{{number_format($item->importe, 2, '.', ',')}} </span>
                                </td>
                            </tr>
                        @endforeach
                        <!--    <tr>
                                                        <td>Subtotal</td>
                                                        <td style="text-align: right;"><span id="lbl_subtotal">00.00</span>
                                                        </td>
                                                        <input type="hidden" name="txt_subtotal" id="txt_subtotal">
                                                    </tr>
                                                    <tr>
                                                        <td>I.V.A</td>
                                                        <td style="text-align: right;"><span id="lbl_iva">00.00</span>
                                                        </td>
                                                        <input type="hidden" name="txt_iva" id="txt_iva">
                                                    </tr> -->
                        <tr>
                            <th>Total</th>
                            <td style="text-align: right;"><span id="lbl_total"></span></td>
                            <td style="text-align: right;"><span id="lbl_total">{{number_format($orden->total_facturacion , 2, '.', ',')}}</span></td>

                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="animated fadeIn d-flex justify-content-center mt-5">
        <button id="cancel-button" type="button" class="btn btn-lg buttom_white"
            onclick="window.location='{{ route('facturas.index') }}'">
            <span>Regresar</span>
        </button>
    </div>
@endsection