@extends('layouts.app')

@section('content')
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                  <div class="pull-left">
                        <a href="{{url('producto/'.$data->servicio_id.'/editar')}}" class="btn bg-primary text-white"><i class="fa fa-edit"></i>Actualizar</a>
                        <a onclick="sendDelete('{{$data->servicio_id}}','producto','productos')" class="btn bg-danger text-white"><i class="fa fa-trash"></i>Eliminar</a>
                        <a href="{{url('productos')}}"  class="btn bg-warning text-white"><i class="fa fa-angle-left"></i>Volver a lista</a>
                    </div>
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li><i class="fa fa-square"></i>&nbsp;<a class="parent-item" href="{{ url('/productos') }}">Listado de Productos</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Producto - ver</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">

              <div class="col-md-6 col-sm-6">
                <div class="card  card-box">
                <div class="card-header">
                    Información del Producto
                </div>
                  <div class="card-body">
                    <div class="row">
                      <div class="col-md-12">
                        <table class="table table-wrap">
                          <tr>
                            <td>Código</td>
                            <td>{{$data->servicio_id}}</td>
                          </tr>
                          <tr>
                            <td>Nombre</td>
                            <td>{{$data->servicio_nombre}}</td>
                          </tr>
                          <tr>
                            <td>Descripción</td>
                            <td>{{$data->servicio_descripcion}}</td>
                          </tr>
                          <tr>
                            <td>Tipo Producto</td>
                            <td>{{$data->tbl_servicio_tipo_String}}</td>
                          </tr>
                          <tr>
                              <td>Valor Producto</td>
                              <td>₡{{number_format($data->servicio_valor,2,'.',',')}}</td>
                            </tr>
                            <tr>
                              <td>Impuesto</td>
                              <td>
                                @if ($data->servicio_impuesto_id)
                                    
                                {{$data->impuesto->impuesto_porcentaje}} %
                                @else
                                    <span class="text-danger">(No definido)</span>
                                @endif
                              </td>
                            </tr>
                            <tr>
                              <td>¿Impuesto Incluido en Valor?</td>
                              <td>{{$data->servicio_impuesto_incluido == 1 ? 'Si' : 'No'}}</td>
                            </tr>
                            <tr>
                              <td>Creado Por</td>
                              <td>
                                {{
                                  @$data->usuario->username
                                }}
                                </td>
                            </tr>
                            <tr>
                                <td>Fecha Creación</td>
                                <td>
                                  @if ($data->created_at)                                      
                                    {{Carbon\carbon::parse($data->created_at)->format('d-m-Y')}}
                                  @elseif( $data->updated_at )
                                    {{Carbon\carbon::parse($data->updated_at)->format('d-m-Y')}}
                                  @else
                                      <span class="text-danger">(No definido)</span>
                                  @endif

                                </td>
                            </tr>
                            <tr>
                              <td>Estado</td>
                              <td>{{$data->servicio_estado_string}}</td>
                            </tr>
                        </table>
                      </div>
                    </div>
                  </div>
                </div>
              </div>



                <div class="col-md-6 col-sm-6">

                    <div class="row">
                        <div class="col-md-12">
                            <div class="card  card-box">
                                <div class="card-header">
                                    Logo Producto
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <!-- IMAGEN DEL PRODUCTO -->
                                            <center>
                                              <img width="25%" height="25%" class="img-circle"
                                                src="{{ $data->servicio_imagen == 'default_avatar.jpg' || $data->servicio_imagen == '' ? URL('images/default_avatar.png') : URL('upload/foto_clientes/').'/'.$data->servicio_imagen }}"
                                                alt="User profile picture">
                                            </center>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="card  card-box">
                                <div class="card-header">
                                    Novedades Producto
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <!-- NOVEDADES -->
                                            <ul class="timeline">
                                                @if (isset($novedades))
                                                @foreach($novedades as $novedad)
                                                <li>
                                                <i class="fa fa-exchange bg-aqua"></i>
                                                <div class="timeline-item">
                                                    <span class="time">
                                                    <strong>
                                                        Creado por: {{$novedad->servicio_novedad_creado_por}} - Fecha Creación: {{carbon\carbon::parse($novedad->servicio_novedad_fecha_creacion)->format('Y-m-d')}}
                                                    </strong>
                                                    </span>
                                                    <h3 class="timeline-header">
                                                    {{$novedad->servicio_novedad_estado}}
                                                    </h3>
                                                    <div class="timeline-body">
                                                    @foreach ($novedad->comparacion as $key=>$cambio)
                                                    <span>
                                                        @php echo "<strong>".$key."</strong> ".$cambio @endphp
                                                    </span>
                                                    <br>
                                                    @endforeach
                                                    </div>
                                                    <div class="timeline-footer">
                                                    Fecha Creación: {{$novedad->servicio_novedad_fecha_creacion}}
                                                    </div>
                                                </div>
                                                </li>
                                                @endforeach
                                                @endif
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
              
            </div>
        </div>
    </div>
@endsection