@extends('layouts.layout')
@section('title', $pedido->id)
@section('content')
	<div class="row  m-3">
		<div class="col-4 offset-1">
			<h2>Pedido: {{ $pedido->id }}</h2>
		</div>

	</div>
	<div class="row justify-content-start mb-2  ">
		<div class="col-lg-4 offset-2 ">
            <div class="card">
                <div class="card-header">
                    <a href="{{route('usuarios.show',$pedido->usuario->id )}}">Usuario: {{ $pedido->usuario->nombre.' '.$pedido->usuario->apellido }}</a>
                </div>
                <ul class="list-group list-group-flush">
                    <li class="list-group-item">Correo electrónico: {{ $pedido->usuario->email }}</li>
                    <li class="list-group-item">Teléfono: {{ $pedido->usuario->telefono }} </li>
                </ul>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card">
                <div class="card-header">Datos de envío</div>
                <div class="card-body">
                    @if ($pedido->envio)
                        <div class="form-group">
                            <label for="">Zona: <strong>{{$pedido->envio->zona->nombre}}</strong></label>
                        </div>
                        <div class="form-group">
                            <label for="">{{$pedido->envio->zona->nombre_subzona}}: <strong>{{$pedido->envio->subZona->nombre}}</strong></label>
                        </div>
                        <div class="form-group">
                            <label for="">Fecha: <strong>{{$pedido->envio->fecha->format('d-m-Y')}}</strong></label>
                        </div>
                        <div class="form-group">
                            <label for="">Turno: <strong>{{$pedido->envio->turn}}</strong></label>
                        </div>
                    @else
                        <div class="form-group">
                            <label for="">Fecha y Hora de compra: <strong>{{$pedido->fecha_creado->format('d-m-Y H:i')}}</strong></label>
                            <br><label for=""><strong>Pick Up</strong></label>
                            <br>
                            @if ($pedido->pickup)
                                <label for="">Retira: <strong>{{ $pedido->pickup?->fecha->format('d-m-Y') }}</strong></label>
                            @else
                                <label for=""><strong>No indicó fecha de retiro</strong></label>
                            @endif
                        </div>
                    @endif
                </div>
            </div>
        </div>
	</div>
    @if ($pedido->rev_id)
    <div class="row justify-content-start mb-2">
        <div class="col-lg-2 offset-2">
            <div class="card">
                <div class="card-header">
                    <a href="{{route('usuarios.show',$pedido->revendedor->id )}}" >Usuario intermedario: {{ $pedido->revendedor->nombre.' '.$pedido->revendedor->apellido }}</a>
                </div>
                <ul class="list-group list-group-flush">
                    <li class="list-group-item">Correo electrónico: {{ $pedido->revendedor->email }}</li>
                    <li class="list-group-item">Teléfono: {{ $pedido->revendedor->telefono }}</li>
                </ul>
            </div>
        </div>
    </div>
    @endif

    <div class="row justify-content-center">
        <div class="col-8">
            @include('order.order')
        </div>
    </div>
@endsection