@extends('layouts.app')

@section('content')
<h1 class="page-title">
    <span>Mi promotor</span>
</h1>

<div class="row justify-content-md-center">
    <div class="col-lg-8 ">
        <section class="widget user-profile">
            <div class="widget-body">
                <div class="widget-top-overlay text-white">
                    <div class="height-250 overflow-hidden">
                        <img class="img-fluid" src="https://templates-flatlogic.herokuapp.com/sing-app/html5/demo/img/pictures/19.jpg">
                    </div>
                    <!-- <div class="btn-toolbar">
                        <a href="#" class="btn btn-outline btn-sm float-right">
                            <i class="fa fa-twitter mr-xs"></i>
                            Follow
                        </a>
                    </div> -->
                </div>
                <div class="row">
                    <div class="col-md-5 text-center">
                        <div class="post-user post-user-profile">
                            <span class="thumb-xl">
                                <img class="rounded-circle" src="{!! url('/').'/profile_pictures/'.$promotor->user->foto_perfil!!}" alt="...">
                            </span>
                            <h5 class="fw-normal">{!! $promotor->user->name !!} <span class="fw-semi-bold">{!! $promotor->user->a_paterno !!}</span></h5>
                            <p>Promotor</p>
                            <ul class="contacts">
                                <li><i class="fa fa-phone fa-fw mr-xs"></i><a href="#">{!! $promotor->telefono !!}</a></li>
                                <li><i class="fa fa-envelope fa-fw mr-xs"></i><a href="#"> {!! $promotor->email !!} </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <p class="lead mt-lg">
                            Mi nombre es {!! $promotor->user->name !!}
                        </p>
                        <p>
                            Soy tu promotor asignado, te dejo mi telefono y correo electronico para que te puedas comunicar conmigo, si tienes alguna duda, puedes contactarme sin problemas.
                        </p>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>


@endsection