@extends('layouts.signed')

@section('content')
<div class="container mt-5">
    <div class="main-body">
        @foreach($data as $user)
        <div class="row gutters-sm">
            <div class="col-md-4 mb-3">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex flex-column align-items-center text-center">
                            <img src="https://bootdey.com/img/Content/avatar/avatar7.png" alt="Admin" class="rounded-circle" width="150">
                            <div class="mt-4 mb-3">
                                <h4>{{ $user->first_name }}</h4>
                                <h4> {{ $user->last_name }}</h4>
                                @if(Auth::guest())
                                @elseif(Auth::user()->profile_id >= '2')
                                    <h4>Link QR: https://red.org.do/card/{{$user->id}} </h4>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="card mb-5">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-sm-3">
                                <h6 class="mb-0">Género</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                {{ ucfirst($user->gender) }}
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-3">
                                <h6 class="mb-0">Tipo de sangre</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                @if($user->blood_type)
                                {{ $user->blood_type }}
                                @else
                                Sin confirmar por centro donante
                                @endif
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-3">
                                <h6 class="mb-0">Status</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                {{ $user->status }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endforeach
    </div>
</div>
@endsection