@extends('vendor.installer.layouts.master')

@section('template_title')
    {{ trans('installer_messages.permissions.templateTitle') }}
@endsection

@section('title')
    <i class="fa fa-shield-alt fa-fw" aria-hidden="true"></i>
    {{ trans('installer_messages.permissions.title') }}
@endsection

@section('container')
    <p class="text-center mb-4 text-muted">
        The following directories need to be writable by the web server.
    </p>

    <div class="card shadow-sm">
        <div class="card-header bg-light">
            <h5 class="mb-0">
                <i class="fas fa-folder mr-2"></i>
                Directory Permissions
            </h5>
        </div>
        <div class="card-body">
            <ul class="list-group list-group-flush">
                @foreach($permissions['permissions'] as $permission)
                    <li class="list-group-item d-flex justify-content-between align-items-center border-0 px-0">
                        <span>
                            <i class="fas fa-{{ $permission['isSet'] ? 'check-circle text-success' : 'times-circle text-danger' }} mr-2"></i>
                            {{ $permission['folder'] }}
                        </span>
                        <span class="badge badge-{{ $permission['isSet'] ? 'success' : 'danger' }}">
                            {{ $permission['permission'] }}
                        </span>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>

    @if ( ! isset($permissions['errors']))
        <div class="btn-wrapper">
            <a href="{{ route('LaravelInstaller::verify') }}" class="btn">
                Continue to Verification
                <svg aria-hidden="true" viewBox="0 0 10 10" height="16" width="16" fill="none" class="arrow">
                    <path d="M0 5h7" class="line1"></path>
                    <path d="M1 1l4 4-4 4" class="line2"></path>
                </svg>
            </a>
        </div>
    @else
        <div class="alert alert-warning mt-4">
            <i class="fas fa-exclamation-triangle mr-2"></i>
            Please fix the permissions above before proceeding.
        </div>
    @endif
@endsection