@extends('layouts.app')

@section('css')

@endsection

@section('content')

<div class="main main-app p-3 p-lg-4">
    <div class="d-md-flex align-items-center justify-content-between mb-4">
      <div>
        <ol class="breadcrumb fs-sm mb-1 mt-2">
          <li class="breadcrumb-item">{{$Title}}</li>
          <li class="breadcrumb-item active" aria-current="page">{{$Subtitle}}</li>
        </ol>
      </div>
      <div class="d-flex gap-2 mt-3 mt-md-0">
        <a href="{{route('home')}}" class="btn btn-primary d-flex align-items-center gap-2"><i class="ri-bar-chart-2-line fs-18 lh-1"></i>Home</a>
      </div>
    </div>

    <div class="row g-3">

    <div class="col-xl-8">
      <div class="card card-post">

        <div class="card-header">
          <h5 class="main-subtitle mb-0"">{{$Subtitle}}</h5>
        </div>

        <div class="card-body">

          <p class="mb-4">
            <a class="inline-flex items-center">
              <img class="w-12" src="{{ asset('assets/img/laravel/logomark.min.svg')}}" alt="Laravel" width="50" height="52">
              <img class="ml-5 sm:block" src="{{ asset('assets/img/laravel/logotype.min.svg')}}" alt="Laravel" width="114" height="29">
            </a>

            </br>
            The system is powered by Laravel's open-source components and developed using an architecture designed by our Software Architect. It leverages Composer dependencies and a variety of third-party libraries.
            </br></br>
            <span>&copy; 2022 - {{ date('Y') }}. {{config('app.name')}} | Version {{ config('software.version') }} | All Rights Reserved. </span>
            <span>Powered by: <a href="{{ route('home') }}">{{config('app.name')}}</a></span>
          </p>

          <div class="mb-3">
            <label class="form-label">Server OS</label>
            <input class="form-control form-control-lg mb-2" type="text" aria-label=".form-control-lg" value="{{ $serverOS }}">
          </div>


          <div class="mb-3">
            <label class="form-label">App Version</label>
            <input class="form-control form-control-lg mb-2" type="text" aria-label=".form-control-lg" value="{{ $appVersion }}">
          </div>

          <div class="mb-3">
            <label class="form-label">Laravel Version</label>
            <input class="form-control form-control-lg mb-2" type="text" aria-label=".form-control-lg" value="{{ $laravelVersion }}">
          </div>

          <div class="mb-3">
            <label class="form-label">Php Version</label>
            <input class="form-control form-control-lg mb-2" type="text" aria-label=".form-control-lg" value="{{ $apacheVersion }}">
          </div>

          <div class="row g-3">
            <div class="col-md-6">
              <div class="mb-3">
                <label class="form-label">PostgreSQL Server</label>
                <input class="form-control form-control-lg mb-2" type="text" aria-label=".form-control-lg" value="{{ config('database.connections.pgsql.host') }}">
              </div>
            </div>
            <div class="col-md-6">
              <div class="mb-3">
                <label class="form-label">PostgreSQL Port</label>
                <input class="form-control form-control-lg mb-2" type="text" aria-label=".form-control-lg" value="{{ config('database.connections.pgsql.port') }}">
              </div>
            </div>
          </div>

          <div class="row g-3">
            <div class="col-md-6">
              <div class="mb-3">
                <label class="form-label">Microsoft SQL Server</label>
                <input class="form-control form-control-lg mb-2" type="text" aria-label=".form-control-lg" value="{{ config('database.connections.sqlsrv.host') }}">
              </div>
            </div>

            <div class="col-md-6">
              <div class="mb-3">
                <label class="form-label">Microsoft SQL Port</label>
                <input class="form-control form-control-lg mb-2" type="text" aria-label=".form-control-lg" value="{{ config('database.connections.sqlsrv.port') }}">
              </div>
            </div>
          </div>

          <div class="mb-3">
            <label class="form-label fs-3 fw-bold">System Components, Dependencies, and Libraries</label>

            <div class="table-responsive">
              <table class="table mb-0">
                <thead>
                  <tr>
                    <th scope="col">Vendor</th>
                    <th scope="col">Version</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($vendors as $vendor)
                  <tr>
                    <td>
                      <div class="d-flex align-items-center gap-2">
                        <span>{{ $vendor['name'] }}</span>
                      </div>
                    </td>
                    <td>{{ $vendor['version'] }}</td>
                  </tr>
                  @endforeach
                </tbody>
              </table>
            </div><!-- table-responsive -->
          </div>


        </div>

      </div>
    </div>

    <div class="col-xl-4">
      <div class="card">
        <div class="card-body">
          About Systems
        </div>
      </div>
    </div>

    </div><!-- row -->

    @include('layouts.inc.footer')

</div><!-- main -->

@endsection

@section('js')
  <script type="text/javascript">

    function spinbtn()
    {
        document.getElementById("btnSubmit").innerHTML = '<span id="ShowSpinner" class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Creating New Site....';
        document.getElementById("btnSubmit").disabled = true;
        document.getElementById('module_sites_store').submit();
    }
  </script>
@endsection