@extends('layouts/main')
@section('content')
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row m-b-lg m-t-lg">
        <div class="col-md-6">

            <div class="profile-image">
                <img src="/img/male-user.jpg" class="img-circle circle-border m-b-md" alt="profile">
            </div>
            <div class="profile-info">
                <div class="">
                    <div>
                        <h2 class="no-margins">
                            {{$user->fullname()}}
                        </h2>
                        <h4>Acerca:</h4>
                        <small>
                            {{(is_null($user->short_bio) ? "No tiene descripción aún":$user->short_bio)}}
                        </small>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <table class="table small m-b-xs">
                <tbody>
                <tr>
                    <td>
                        <strong>142</strong> Entrenamientos
                    </td>
                    <td>
                        <strong>22</strong> Entrenamientos terminados
                    </td>

                </tr>
                <tr>
                    <td>
                        Tipo de Cuenta:
                    </td>
                    <td class="text-center">
                        @if ($user->tipo='free')
                        	<span class="label label-info">Gratuita</span>
                        @elseif ($user->tipo='premium')
                        	<span class="label label-warning">Premium</span>
                        @else
                        	<span class="label label-danger">Sin tipo</span>	
                        @endif
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="col-md-3">
            <small>Sales in last 24h</small>
            <h2 class="no-margins">206 480</h2>
            <div id="sparkline1"></div>
        </div>


    </div>
    <div class="row">
    	<div class="tabs-container">
            <div class="tabs-left">
                <ul class="nav nav-tabs">
                    <li class=""><a href="{{route('users.show',[$user->id])}}">Entrenamientos</a></li>
                    <li class="active"><a href="{{route('users.pagos',[$user->id])}}">Pagos</a></li>
                </ul>
                <div class="tab-content ">
                    <div id="tab-pagos" class="tab-pane active">
                        <div class="panel-body">
                            <strong>Historial de pagos</strong>

                            <p>Thousand unknown plants are noticed by me: when I hear the buzz of the little world among the stalks, and grow familiar with the countless indescribable forms of the insects
                                and flies, then I feel the presence of the Almighty, who formed us in his own image, and the breath </p>

                            <p>I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite
                                sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
@endsection