@extends('academia.layouts.dashboard')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                   
                   <div class="col-md-12 col-12">
                       <div class="row">
                           
                           <div class="col-md-6 col-6">
                                <div class="d-flex justify-content-start">          
                                   <img src="{{ asset('fondo/5.jpg') }}" class="img-fluid" alt="logo" style="height: 100px;">
                                </div>
                           </div>
                           
                           <div class="col-md-6 col-6">
                                 <h3 class="text-right mt-4">Orden N°: {{ $solicitud->id }}</h3>
                                 <h4 class="text-right">{{ $settings->name }}</h4>
                           </div>
                           
                           <div class="col-md-12 col-12">
                               <hr class="mt-4">
                           </div>
                           
                           <div class="col-md-6 col-6">
                               <div class="form-group">
                                   <h5>Datos del Usuario</h5>
                               </div>
                               
                               <div class="form-group">
                                   <h5>{{ $solicitud->user->display_name }}</h5>
                               </div>
                               
                               <div class="form-group">
                                   <h5>{{ $solicitud->user->usercampo->direccion }}</h5>
                               </div>
                               
                               <div class="form-group">
                                   <h5>{{ $solicitud->user->usercampo->pais }}</h5>
                               </div>
                               
                               <div class="form-group">
                                   <h5>{{ $solicitud->user->user_email }}</h5>
                               </div>
                               
                               <div class="form-group">
                                   <h5>{{ $solicitud->user->usercampo->phone }}</h5>
                               </div>
                           </div>
                           
                           <div class="col-md-6 col-6">
                               <div class="form-group">
                                   <h5 class="text-right">Fecha: {{ $solicitud->fecha }}</h5>
                               </div>
                               
                               <div class="form-group">
                                   <h5 class="text-right">
                                       Estatus: 
                                       @if($solicitud->status == 0)
                                        En espera
                                       @elseif($solicitud->status == 1)
                                        Aprobada
                                       @elseif($solicitud->status == 2)
                                        Rechazada
                                       @endif
                                   </h5>
                               </div>
                      
                               <div class="form-group">
                                   <h4 class="text-right" style="color: #00894f;">
                                       Total: 
                                        @if ($moneda->mostrar_a_d)
                                            {{$moneda->simbolo}} {{ $solicitud->total }}
                                        @else
                                            {{ $solicitud->total }} {{$moneda->simbolo}}
                                        @endif
                                   </h4>
                               </div>
                           </div>
                           
                           
                           <div class="col-md-12 col-12">
                               
                               <div class="table-responsive">
                                    <table class="table">
                                        <thead style="background-color:#0093f8; color:#fff;">
                                          <tr> 
                                            <th class="text-center">Curso</th>
                                            <th class="text-center">Categoría</th>
                                            <th class="text-center">Precio</th>
                                          </tr>
                                        </thead>
                                        <tbody>
                                            @foreach(json_decode($solicitud->datos) as $datos)
                                            
                                            @php
                                              $course = DB::table('courses')->select('category_id')->where('id', '=', $datos->idcourse)->first();
                                              if($course != null){
                                                 $cat = DB::table('category')->select('title')->where('id', '=', $course->category_id)->first();
                                              }
                                            @endphp
                                            
                                            <tr>
                                              <td class="text-center">
                                                  <h5>{{ $datos->nombre }}</h5>
                                              </td>
                                              <td class="text-center">
                                                 <h5> 
                                                  @if($cat != null)
                                                    {{ $cat->title }}
                                                  @endif   
                                                  </h5>
                                              </td>
                                              <td class="text-center">
                                                  <h5>
                                                      @if ($moneda->mostrar_a_d)
                                                          {{$moneda->simbolo}} {{ $datos->precio }}
                                                      @else
                                                          {{ $datos->precio }} {{$moneda->simbolo}}
                                                      @endif
                                                   </h5>
                                              </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                
                           </div>
                           
                           
                           <div class="col-md-12 col-12">
                               <div class="d-flex justify-content-end">
                                   <div class="col-md-4 col-6">
                                        <ul class="list-group list-group-flush">
                                            <li class="list-group-item text-right">
                                                <h4 style="color: #00894f;">
                                                    
                                                Total: 
                                                
                                                @if ($moneda->mostrar_a_d)
                                                    {{$moneda->simbolo}} {{ $solicitud->total }}
                                                @else
                                                    {{ $solicitud->total }} {{$moneda->simbolo}}
                                                @endif
                                                
                                                </h4>
                                            </li>
                                        </ul>
                                   </div>
                               </div>
                           </div>
                           
                       </div>
                   </div>
                   
                </div>
            </div>
        </div>
    </div>
</div>


@endsection