@extends('layouts.profile')

@section('section-main')
    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <div class="shadow-none py-3 mb-2 rounded">
                    <h3>Detalle de la orden</h3>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-5 mb-3">
                <div class="card">
                    <table class="table">
                        <thead class="thead-light">
                            <tr>
                                <th scope="col" colspan="2">Resumen de la compra</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Monto total:</td>
                                <td class="text-right">{{ maskNumber($summary['base_price']) }}</td>
                            </tr>
                            <tr>
                                <td>Cargo por servicio:</td>
                                <td class="text-right">{{ maskNumber($summary['cost_service']) }}</td>
                            </tr>
                            <tr>
                                <td>ITBIS:</td>
                                <td class="text-right">{{ maskNumber($summary['itbis_cxs']) }}</td>
                            </tr>
                            <tr>
                                <th>Total:</th>
                                <th class="text-right">{{ maskNumber($summary['price']) }}</th>
                            </tr>
                        </tbody>
                    </table>
                </div>

                
                <div class="card mt-3">
                    <table class="table">
                        <thead class="thead-light">
                            <tr>
                                <th scope="col" colspan="2">Informaci&oacute;n de pago</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>No. de confirmaci&oacute;n:</td>
                                <td class="text-right">
                                    <span class="badge badge-success font-12">
                                        {{ $order->payment->approval_number }}
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td>M&eacute;todo de pago:</td>
                                <td class="text-right">{{ $order->payment->payment_method->method }}</td>
                            </tr>
                            <tr>
                                <td>Monto del pago:</td>
                                <td class="text-right">{{ maskNumber($order->total) }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="col-lg-7">
                <div class="media mb-2">
                    <img style="width: 72px;" src="{{ $event->image ? url('storage/'.$event->image) : asset('images/preview-default.png') }}" class="align-self-start mr-3" alt="{{ $event->name }}">
                    <div class="media-body">
                        <h5 class="m-0">{{ $event->name }}</h5>
                        <p class="m-0 p-0"><i class="fa fa-map-marker" aria-hidden="true"></i> {{ $event->place }}</p>
                        <p class="m-0 p-0"><i class="fa fa-calendar" aria-hidden="true"></i> {{ formatDateWeb($event->dates[0]->date) }}</p>
                    </div>
                </div>

                <div class="card">
                    <table class="table">
                        <thead class="thead-light">
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">Ticket</th>
                                <th scope="col" style="width: 125px;">&nbsp;</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $i = 0; @endphp
                            @foreach ($order->tickets as $ticket)
                                <tr>
                                    <th scope="row">{{ $ticket->qr_code }}</th>
                                    <td>{{ $ticket->event_ticket->name }}</td>
                                    <td class="align-middle">
                                        <a class="btn btn-primary" target="_blank" href="{{ route('web.profile.history.order.ticket', [$order->id, $ticket->id]) }}" role="button">
                                            <i class="fa fa-file-text-o" aria-hidden="true"></i> Ticket
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('styles')
@endsection

@section('scripts')
@endsection