<div>
    @component('common.breadcrumb', ['addBtn' => false, 'permission_create' => 'Employee_profile_index',
        'breadcrumb_show' => $breadcrumb_show])
        @slot('breadcrumb_title')
            <h3>{{ $componentName }} | {{ $pageTitle }}</h3>
        @endslot
        <li class="breadcrumb-item">Empleado</li>
        <li class="breadcrumb-item active">Información</li>
    @endcomponent
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12 col-md-4">
                <div class="form-group">
                    <label>Nombres y Apellidos</label>
                    <p>{{ $employee->first_name }} {{ $employee->last_name }}</p>
                </div>
            </div>
            <div class="col-sm-12 col-md-4">
                <div class="form-group">
                    <label>{{ $employee->document_type != null ? DataTypeDocument($employee->document_type) : 'N/A' }}</label>
                    <p>{{ $employee->document }}</p>
                </div>
            </div>
            <div class="col-sm-12 col-md-4">
                <div class="form-group">
                    <label>Fecha de Nacimiento</label>
                    <p>{{ $employee->birth_date != null ? \Carbon\Carbon::parse($employee->birth_date)->format('d/m/Y') : 'N/A' }}</p>
                </div>
            </div>
        </div><!-- row -->
        <div class="row">
            <div class="col-sm-12 col-md-4">
                <div class="form-group">
                    <label>Género</label>
                    <p>{{ $employee->gender_user }}</p>
                </div>
            </div>
            <div class="col-sm-12 col-md-8">
                <div class="form-group">
                    <label>Dirección de residencia</label>
                    <p>{{ $employee->address }} {{ $employee->state_residence != null ? ', ' . $employee->state_residence_name : '' }} {{ $employee->city_residence != null ? ', ' . $employee->city_residence_name : '' }}</p>
                </div>
            </div>
        </div><!-- row -->
        <div class="row">
            <div class="col-sm-12 col-md-4">
                <div class="form-group">
                    <label>Teléfono</label>
                    <p>{{ $employee->phone }}</p>
                </div>
            </div>
            <div class="col-sm-12 col-md-8">
                <div class="form-group">
                    <label>emaii</label>
                    <p>{{ $employee->email }}</p>
                </div>
            </div>
        </div><!-- row -->
    </div><!-- container-fluid -->
</div>
