@extends('adminlte::page')

@section('title', 'Del Mercado')

@section('content_header')
    <h1>Orden #000{{$order->id}}</h1>
@stop

@section('content')
    @if (count($order_details) > 0)
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="col-md-5 col-lg-5 col-sm-12" style="float: left !important;">
                    <h3 style="color: #A0076B">Fecha en la cual se realizó la orden</h3>
                    <label>{{ date('d-m-Y h:iA',strtotime($order->created_at)) }}</label>
                </div>
                <div class="col-md-5 col-lg-5 col-sm-12" style="float: right !important;">
                    <div><b>Status actual de la orden:</b> <p class="badge" style="background-color: {{ $order->get_status_color($order->status) }};font-size: 16px;display: inline">{{ $order->get_status($order->status) }}</p> </div>
                    <br>
                    <form action="/admin/orders/update" method="POST">
                        {{ csrf_field() }}
                        <div class="form-group">
                            <label for="order-status" class="control-label">Asignar nuevo status a la orden</label>
                            <input type="hidden" name="id" id="order-id" value="{{$order->id}}">
                            <select name="status" id="order-status" class="form-control">
                                <option value="0">Recibido</option>
                                <option value="1">En proceso</option>
                                <option value="2">En ruta</option>
                                <option value="3">Entregado</option>
                                <option value="4">Cancelado</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn btn-secondary">
                                Actualizar status <i class="fa fa-reload"></i>
                            </button>
                        </div>
                    </form>
                </div>
                <table class="table table-striped task-table">
                    <tbody>
                        <tr><td colspan="4"><h3 style="color: #A0076B">Información de la orden</h3></td></tr>
                        <tr>
                            <td><b>Orden creada por:</b> {{$order->customer["name"]}} {{$order->customer["lastname"]}}</td>
                            <td><b>Dirección de entrega:</b> {{$order->address}}</td>
                            <td><b>Departamento:</b> {{$order->zone->state["name"]}}</td>
                            <td><b>Municipio:</b> {{$order->zone["name"]}}</td>
                        </tr>
                        <tr><td colspan="4"><h3 style="color: #A0076B">Información de pago</h3></td></tr>
                        <tr>
                            <td><b>Método de pago:</b> {{$order->payment_method == "cash" ? "Efectivo" : "Tarjeta"}}</td>
                            <td><b>Subtotal:</b> ${{$order->subtotal}}</td>
                            <td><b>Envío:</b> ${{$order->delivery_amount}}</td>
                            <td><b>Total:</b> ${{$order->total}}</td>
                        </tr>
                        <tr><td colspan="4"><h3 style="color: #A0076B">Información de quien recibe</h3></td></tr>
                        <tr>
                            <td colspan="2"><b>Persona quien recibe la orden:</b> {{$order->contact_name}}</td>
                            <td colspan="2"><b>Número de la persona quien recibe la orden:</b> {{$order->contact_phone}}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="panel-body">
                <h3 style="color: #A0076B">Información del pedido</h3>
                <table class="table table-striped task-table dataTable">
                    <thead>
                        <th></th>
                        <th>Producto</th>
                        <th>Cantidad</th>
                        <th>Notas del producto</th>
                    </thead>
                    <tbody>
                        @foreach ($order_details as $o)
                            <tr>
                                <td class="table-text" style="width: 10%">
                                    <a href="/{{$o->product['photo']}}" target="_blank"><img src="/{{$o->product['photo']}}" style="width: 50%;object-fit: contain;"></a>
                                </td>
                                <td class="table-text">
                                    <div>{{ $o->product["name"] }}</div>
                                </td>
                                <td class="table-text">
                                    <div>{{ $o->quantity }}</div>
                                </td>
                                <td class="table-text">
                                    <div>{{ $o->notes}}</div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop

@section('js')
    <script type="text/javascript">
        $(document).ready(function(){
            $(".dataTable").DataTable({
              "responsive": true, "lengthChange": false, "autoWidth": false
            });
        });
    </script>
@stop