@extends('layouts.backend')

@section('content')
    <div class="container-fluid" style="margin-top: 100px;">
    <p class="text-center"><strong>Por favor elige el tipo de persona</strong></p>
        <div class="row align-items-center mt-4">
            <div class="offset-md-2 col-md-4">
                <div class="panel panel-alternative text-center">
                    <div class="panel-heading">
                        <h5 class="text-center">Natural</h5>
                    </div>
                    <div class="panel-body">
                        <img style="cursor: pointer" id="natural" src="{{ url('/') }}/img/icons/natural-user.jpg" height="167" width="166">
                    </div>
                    <div class="panel-footer"></div>
                </div>
            </div>
            <div class="col-md-4 mt-4 mt-md-0">
                <div class="panel panel-alternative text-center">
                    <div class="panel-heading">
                        <h5 class="text-center">Jurídico</h5>
                    </div>
                    <div class="panel-body">
                        <img style="cursor: pointer" id="juridic" src="{{ url('/') }}/img/icons/juridic-user.png" height="167" width="166">
                    </div>
                    <div class="panel-footer"></div>
                </div>
            </div>
        </div>
    </div>

    @include('modals.confirmModal')
@endsection