@extends('layouts.app')

@section('contect')

<style>
    .sh_ow{background:#fff !important;box-shadow:0 1px 1px 0 rgb(0 0 0 / 5%), 0 1px 2px 0 rgb(0 0 0 / 10%), 0 2px 20px 0 rgb(0 0 0 / 20%);padding-bottom: 58px;}
    #prev{float: left; clear: both;}
    .sh_ow{padding-bottom: 43px;}
    #next {
    float: right;
    background: #8e24f9;
    padding: 5px 32px;
    color: #fff;
    font-weight: 600;
    border: none;
}
.fu_he {
    padding-bottom: 297px;
    margin-top: 47px;
}
.divs1 {
    height: 452px;
    overflow-y: scroll;
}

        @media screen and (min-width: 320px) and (max-width: 767px) {
        #next {
         margin-top: -5px !important;
         
    }
    .bse{width: 100% !important;}
    .sh_ow{overflow: auto;}
}
</style>

    <form method="GET" id="roles" action="{{ route('home',['steps'=>'step4']) }}"
          accept-charset="UTF-8" class="form-horizontal" enctype="multipart/form-data">

        <div class="sh_ow">
            <div class="divs1">


                <?php
                //                        dump($roleInfo);
                ?>


                <div class="cls3">
                    <section style="margin-top:60px; margin-bottom:20px;"></section>
                    <section class="fu_he">
                        @if(count($roleInfo) > 0)
                            @foreach($roleInfo as $value)
                                <section class="col-md-4 bse" style="display:block;">
                                    <label class="p_e">
                                    <input type="radio" name="role" value="{{ $value->id }}" @if ($loop->iteration==1)
                                    checked
                                        @endif/>
                                  {{ $value->name }}
                                    </label>
                                </section>
                            @endforeach
                        @endif
                    </section>


                </div>


            </div>
            <a id="prev" href="{{ route('home',['steps'=>$prev]) }}"><i class="fa fa-arrow-left"></i>&nbsp;Prev</a>
            <button id="next" type="submit" href="{{ route('home',['steps'=>'step4']) }}">Next&nbsp;<i
                    class="fa fa-arrow-right"></i></button>
        </div>
    </form>


@endsection

