<div class="col-3">
    <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
        <a class="nav-link {{ $step == 1 ? 'active' : 'disabled' }} {{ $step > 1 ? 'table-success mb-1' : '' }}" id="v-pills-server-requirement-tab" aria-controls="v-pills-server-requirement-tab" data-toggle="pill" href="{{ route('setup.view', ['step' => 1]) }}" role="tab" aria-selected="{{ $step == 1 ? 'true' : 'false' }}">1- بررسی پیش نیاز ها</a>
        <a class="nav-link {{ $step == 2 ? 'active' : 'disabled' }} {{ $step > 2 ? 'table-success mb-1' : '' }}" id="v-pills-license-check-tab" aria-controls="v-pills-license-check-tab" data-toggle="pill" href="{{ route('setup.view', ['step' => 2]) }}" role="tab" aria-selected="{{ $step == 2 ? 'true' : 'false' }}">2- تایید لایسنس</a>
        <a class="nav-link {{ $step == 3 ? 'active' : 'disabled' }} {{ $step > 3 ? 'table-success mb-1' : '' }}" id="v-pills-database-data-tab" aria-controls="v-pills-database-data-tab" data-toggle="pill" href="{{ route('setup.view', ['step' => 3]) }}" role="tab" aria-selected="{{ $step == 3 ? 'true' : 'false' }}">3- اطلاعات پایگاه داده</a>
        <a class="nav-link {{ $step == 4 ? 'active' : 'disabled' }}" id="v-pills-admin-account-tab" aria-controls="v-pills-admin-account-tab" data-toggle="pill" href="{{ route('setup.view', ['step' => 4]) }}" role="tab" aria-selected="{{ $step == 4 ? 'true' : 'false' }}">4- اطلاعات حساب کاربری مدیر</a>
    </div>
</div>