@extends('layouts.app', ['title' => 'Cliente: '.$client->name, 'titleIconClass' => 'user-circle'])
@section('content')
    <div class="container mx-4" id="clients">

            <h2>Información básica</h2>
            <div class="row mb-4 p-3 border rounded">
                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Nombre</label>
                        <h3>{{$client->name}}</h3>
                    </div>

                    <div class="form-group">
                        <label for="">Email</label>
                        <h3>{{$client->email}}</h3>
                    </div>

                    <div class="form-group">
                        <label for="">Ciudad</label>
                        <h3>{{$client->city ?? '-'}}</h3>
                    </div>

                    <div class="form-group">
                        <label for="">Estado</label><br>
                        @if($client->active)
                            <span class="badge badge-lg badge-success">Activo</span>
                        @else
                            <span class="badge badge-lg badge-danger">Inactivo</span>
                        @endif
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Dirección</label>
                        <h3>{{$client->address ?? '-'}}</h3>
                    </div>

                    <div class="form-group">
                        <label for="">Teléfono</label>
                        <h3>{{$client->phone ?? '-'}}</h3>
                    </div>

                    <div class="form-group">
                        <label for="">Tipo de Institución</label>
                        <h3>{{$client->institution_type ?? '-'}}</h3>
                    </div>

                    <div class="form-group">
                        <label for="">Plan</label>
                        <h3>{{$client->plan->name}}</h3>
                    </div>
                </div>
            </div>



            <div class="my-4">
                <a href="javascript: history.go(-1)" class="btn btn-secondary">
                    <i class="fa fa-arrow-left"></i> Volver
                </a>
                <a href="{{route('admin.clients.edit', $client)}}" class="btn btn-primary" type="submit">
                    <i class="fa fa-edit"></i> Editar este cliente
                </a>
            </div>


    </div>
@endsection