@extends('layouts.dashboard')
@section('content')
.padding
  .row
    .col-md-10.offset-1
      .box
        .box-header.dark
          %h3 Detalle del mensaje
        .box-body
          %p
            Nombre: 
            %b {{$contact->name}}
          %p 
            Teléfono: 
            %b {{$contact->phone}}
          %p 
            Correo: 
            %b {{$contact->email}}
          %p 
            Fecha de registro: 
            %b {{$contact->created_at}}
          %p Mensaje:
          %p 
            %b
              = $contact->message

  
  .row
    .col-md-10.offset-1
      .box
        .box-header.dark
          %b Bitacora de seguimiento
          %span
            %a.btn.btn-sm.btn-default{:href=>"#", "data-target" => "#m-a-a", "data-toggle" => "modal", "ui-target" => "#animate", "ui-toggle-class" => "zoom"}
              Agregar seguimiento

          
        .box-body

          - if ($contact->comments != "[]")
            %ul.timeline
              - foreach( $contact->comments as $comment)

                %li.tl-item
                  .tl-wrap.b-primary
                    %span.tl-date.text-muted {{$comment->created_at}}
                    .tl-content.box-color.text-color.w-xl.w-auto-xs
                      %span.arrow.b-white.left.pull-top
                      .text-lt.p-x.m-b-sm
                        {{$comment->type}}
                      .p-a.b-t.b-light
                        {{$comment->detail}}
          - else
            %p No se han agregado registros

#m-a-a.modal.fade.animate{"data-backdrop" => "true"}
  #animate.modal-dialog
    .modal-content
      .modal-header
        %h5.modal-title Agregar seguimiento
      .modal-body.text-center.p-lg
        @include('partials.form-bitacora')

@endsection