@extends('setup.main')
@section('content')

<div class="row">
    <div class="col-12 text-center mt-3">
        <ul class="progressbar"> 
            <li class="active"><a href="/setup">{{ __('translate.Server_Requirements') }}</a></li>
            <li>{{ __('translate.Settings') }}</li>
            <li>{{ __('translate.Database') }}</li>
            <li>{{ __('translate.Summary') }}</li>
        </ul>
    </div>
</div>


<div class="row mt-3 p-5" >
    <div class="col-12">   
    @if (! $allValuesAreTrue)
     <p class="alert alert-danger">{{ __('translate.Your_server_doesnt_meet_the_following_requirements') }}</p> 
    @endif
        <ul class="list-group">
            <li class="list-group-item d-flex justify-content-between align-items-center">
                PHP >= 7.3.0                    <span> <i style="color: #22bb33;" class="fa fa-check"></i>                (8.1.31)</span>
            </li>  

            <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <p>OpenSSL PHP Extension</p>
                                <span><i style="color: #22bb33;" class="fa fa-check"></i></span>
            </li>

            <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <p>Gd PHP Extension</p>
                                <span><i style="color: #22bb33;" class="fa fa-check"></i></span>
            </li>

            <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <p>fileinfo PHP Extension</p>
                                <span><i style="color: #22bb33;" class="fa fa-check"></i></span>
            </li>

            <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <p>Pdo PHP Extension</p>
                                <span><i style="color: #22bb33;" class="fa fa-check"></i></span>
            </li>

            <li class="list-group-item d-flex justify-content-between align-items-center">
                                <p>Mbstring PHP Extension</p>
                                <span><i style="color: #22bb33;" class="fa fa-check"></i></span>
            </li>

            <li class="list-group-item d-flex justify-content-between align-items-center">
                                <p>Curl PHP Extension</p>
                                <span><i style="color: #22bb33;" class="fa fa-check"></i></span>
            </li>

            <li class="list-group-item d-flex justify-content-between align-items-center">
                                <p>Tokenizer PHP Extension</p>
                                <span><i style="color: #22bb33;" class="fa fa-check"></i></span>
            </li>

            <li class="list-group-item d-flex justify-content-between align-items-center">
                                <p>XML PHP Extension</p>
                                <span><i style="color: #22bb33;" class="fa fa-check"></i></span>
            </li>

            <li class="list-group-item d-flex justify-content-between align-items-center">
                                <p>CTYPE PHP Extension</p>
                                <span><i style="color: #22bb33;" class="fa fa-check"></i></span>
            </li>

            <li class="list-group-item d-flex justify-content-between align-items-center">
                                <p>JSON PHP Extension</p>
                                <span><i style="color: #22bb33;" class="fa fa-check"></i></span>
            </li>

            <li class="list-group-item d-flex justify-content-between align-items-center">
                                <p>BCmath PHP Extension</p>
                                <span><i style="color: #22bb33;" class="fa fa-check"></i></span>
            </li>

        </ul>
    </div>

    @if ($allValuesAreTrue)
        <div class="offset-6 col-6 col-md-6">
            <a href="/setup/step-1" id="next"  class="btn btn-outline-danger mt-3 float-md-right" >{{ __('translate.Next_Step') }} <i class="fa fa-angle-right"></i></a>
        </div>
    @endif
</div>

@endsection