@extends('layouts.master')

@section('content')
  <ol class="breadcrumb">
    <a href="#" class="back-btn">
      <span class="glyphicon glyphicon-arrow-left"></span> Regresar
    </a>
    &nbsp;&nbsp;&nbsp;
    <li><a href="{{route('home')}}">Inicio</a></li>
    <li><a href="/cartera/index">Cartera</a></li>
    <li class="active">Cliente</li>
  </ol>
<form class="form-horizontal" action="#">

@foreach($columns() as $attr)

<div class="form-group">
  <label class="control-label col-sm-4">{{Proclient::attributeFriendlyName($attr)}}</label>
  <div class="col-sm-8">
    <p class="form-control-static">
      {{$client->getAttribute($attr)}}
    </p>
  </div>
</div>

@endforeach

<div class="form-group">
  <div class="col-sm-8 col-sm-offset-4">
    <button type="button" class="btn btn-default btn-call">
      <span class="glyphicon glyphicon-earphone"></span> Llamada
    </button>

    <button type="button" class="btn btn-default btn-visit">
      <span class="glyphicon glyphicon-user"></span> Visita en frío
    </button>

  </div>
</div>


</form>

@include('events.partials.create', ['client' => $client])

@stop


@section('head')

<link rel="stylesheet" href="/css/jquery.datetimepicker.css" charset="utf-8">
<script src="/js/jquery.datetimepicker.js"></script>
<script src="/js/advancedStepper.js"></script>
<script>

$(function(){
  $('#agenda-modal').advancedStepper();

  $('.btn-call').click(function(){
    $('#agenda-modal').modal('show');
    $('#agenda-modal form input[name="tipo-contacto"][value="0"]').click();
  });

  $('.btn-visit').click(function(){
    $('#agenda-modal').modal('show');
    $('#agenda-modal form input[name="tipo-contacto"][value="1"]').click();
  });
});
</script>


<script src="/js/events/maps.js"></script>

<script src="/js/events/create.js"></script>
@stop