@section('site_title', formatTitle([__('Installation'), config('info.software.name')]))

<div class="card border-0 shadow-sm overflow-hidden">
    <div class="card-body p-5">
        <div class="h-100 d-flex flex-column justify-content-center align-items-center my-6">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" class="w-100 mx-auto" style="max-width: 8rem;"><circle cx="100" cy="100" r="100" style="fill:#3383ff;opacity:0.1"/><path d="M102.09,117.09l12.68-12.68a2.27,2.27,0,0,0-1.59-3.86h-8.13V64.14a4.55,4.55,0,0,0-9.1,0V100.5H87.82a2.25,2.25,0,0,0-1.59,3.86l12.68,12.69A2.25,2.25,0,0,0,102.09,117.09Zm39.32-57.5H118.64a4.5,4.5,0,0,0,0,9h18.22a4.57,4.57,0,0,1,4.55,4.55v54.68a4.56,4.56,0,0,1-4.55,4.54H64.14a4.56,4.56,0,0,1-4.55-4.54V73.18a4.56,4.56,0,0,1,4.55-4.54H82.36a4.53,4.53,0,0,0,0-9H59.59a9.12,9.12,0,0,0-9.09,9.09v63.64a9.12,9.12,0,0,0,9.09,9.09h81.82a9.12,9.12,0,0,0,9.09-9.09V68.68A9.12,9.12,0,0,0,141.41,59.59Z" style="fill:#3383ff"/><circle cx="150" cy="141" r="24.5" style="fill:#7a7a7a"/><path d="M138.25,137.75A3.75,3.75,0,1,0,142,141.5,3.76,3.76,0,0,0,138.25,137.75Zm22.5,0a3.75,3.75,0,1,0,3.75,3.75A3.76,3.76,0,0,0,160.75,137.75Zm-11.25,0a3.75,3.75,0,1,0,3.75,3.75A3.76,3.76,0,0,0,149.5,137.75Z" style="fill:#fff"/></svg>

            <div>
                <h5 class="mt-4 text-center">{{ __('Install') }}</h5>
                <p class="text-center text-muted mb-0">{!! __(':name installation wizard.', ['name' => '<span class="font-weight-medium">'.config('info.software.name').'</span>']) !!}</p>
            </div>
        </div>
    </div>
</div>

<a href="{{ route('install.requirements') }}" class="btn btn-block btn-primary d-inline-flex align-items-center mt-3 py-2">
    <span class="d-inline-flex align-items-center mx-auto">
        {{ __('Start') }} @include((__('lang_dir') == 'rtl' ? 'icons.chevron_left' : 'icons.chevron_right'), ['class' => 'width-3 height-3 fill-current '.(__('lang_dir') == 'rtl' ? 'mr-2' : 'ml-2')])
    </span>
</a>