@extends('backend.layouts.app')

@section('title')  @endsection
@section('breadcrumbs')

@endsection

@section('content')

<div class="toolbar">
<!--begin::Container-->
<div id="kt_toolbar_container" class="container-fluid d-flex flex-stack">
    <!--begin::Page title-->
    <div data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}" class="page-title d-flex align-items-center flex-wrap me-3 mb-5 mb-lg-0">
        <!--begin::Title-->
        <h1 class="d-flex text-dark fw-bolder fs-3 align-items-center my-1">System Information</h1>
    </div>
    <!--end::Page title-->
    <!--begin::Actions-->
</div>

</div>

<div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
<!--begin::Toolbar container-->
<div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
    <!--begin::Page title-->
    <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
        <!--begin::Title-->
        <!-- <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">Website Analytics</h1> -->
        <!--end::Title-->
        <!--begin::Breadcrumb-->
        <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
            <!--begin::Item-->
            <li class="breadcrumb-item text-muted">
                <!-- <a href="/metronic8/demo1/../demo1/index.html" class="text-muted text-hover-primary">Home</a> -->
            </li>
            <!--end::Item-->
            <!--begin::Item-->
            <li class="breadcrumb-item">
                <!-- <span class="bullet bg-gray-400 w-5px h-2px"></span> -->
            </li>
            <!--end::Item-->
            <!--begin::Item-->
            <!-- <li class="breadcrumb-item text-muted">Dashboards</li> -->
            <!--end::Item-->
        </ul>
        <!--end::Breadcrumb-->
    </div>
    <!--end::Page title-->
    <!--begin::Actions-->
    <div class="d-flex align-items-center gap-2 gap-lg-3">
    </div>
    <!--end::Actions-->
</div>
<!--end::Toolbar container-->
</div>

<div id="kt_app_content_container" class="app-container container-xxl">
<div class="row gx-5 gx-xl-10">
<!--begin::Col-->
<div class="col-xxl-4 mb-5 mb-xl-10">
    <!--begin::List widget 9-->
    <div class="card card-flush h-xl-100">
        <!--begin::Header-->
        <div class="card-header py-7">
            <!--begin::Statistics-->
            <div class="m-0">
                <!--begin::Heading-->
                <div class="d-flex align-items-center mb-2">
                    <!--begin::Title-->
                    <h3 class="card-title align-items-start flex-column">
                        <span class="card-label fw-bold text-dark">Installed Composer Packages</span>
                        <span class="text-muted mt-1 fw-semibold fs-7"></span>
                    </h3>
                    <!--end::Title-->
                    <!--begin::Label-->
                    
                    <!--end::Label-->
                </div>
                <!--end::Heading-->
                <!--begin::Description-->
                <span class="fs-6 fw-semibold text-gray-400"></span>
                <!--end::Description-->
            </div>
            <!--end::Statistics-->
            <!--begin::Toolbar-->
            <div class="card-toolbar">
            </div>
            <!--end::Toolbar-->
        </div>
        <!--end::Header-->
        <div class="card-body card-body d-flex justify-content-between flex-column pt-3">
            <!--begin::Item-->
            @foreach($settingArray->require as $key => $req)
            <div class="d-flex flex-stack">
                <!--begin::Flag-->
       
                <!--end::Flag-->
                <!--begin::Section-->
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <!--begin::Content-->
                    
                    <div class="me-5">
                        <!--begin::Title-->
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">{{ $key }}</a>
                        <!--end::Title-->
                        <!--end::Desc-->
                    </div>
                    <!--end::Content-->
                    <!--begin::Wrapper-->                                                      
                    <div class="d-flex align-items-center">
                        <!--begin::Number-->
                       
                        <!--end::Number-->
                        <!--begin::Info-->
                        <div class="m-0">
                            <!--begin::Label-->
                            <span class="badge badge-light-danger fs-base">
                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr065.svg-->
                            
                            <!--end::Svg Icon-->{{$req}}</span>
                            <!--end::Label-->
                        </div>
                        <!--end::Info-->
                    </div>
                  
                    <!--end::Wrapper-->
                </div>
                <!--end::Section-->
            </div>
            <!--begin::Separator-->
            <div class="separator separator-dashed my-3"></div>
            @endforeach
            <!--end::Separator-->
        </div>
        <!--end::Body-->
    </div>
    <!--end::List widget 9-->
</div>
<!--end::Col-->

<div class="col-xxl-4 mb-5 mb-xl-10">
    <!--begin::List widget 9-->
    <div class="card card-flush">
        <!--begin::Header-->
        <div class="card-header py-7">
            <!--begin::Statistics-->
            <div class="m-0">
                <!--begin::Heading-->
                <div class="d-flex align-items-center mb-2">
                    <!--begin::Title-->
                    <h3 class="card-title align-items-start flex-column">
                        <span class="card-label fw-bold text-dark">Required PHP Extensions</span>
                        <span class="text-muted mt-1 fw-semibold fs-7"></span>
                    </h3>
                    <!--end::Title-->
                    <!--begin::Label-->
                    
                    <!--end::Label-->
                </div>
                <!--end::Heading-->
                <!--begin::Description-->
                <span class="fs-6 fw-semibold text-gray-400"></span>
                <!--end::Description-->
            </div>
            <!--end::Statistics-->
            <!--begin::Toolbar-->
            <div class="card-toolbar">
            </div>
            <!--end::Toolbar-->
        </div>
        <!--end::Header-->
        <div class="card-body card-body d-flex justify-content-between flex-column pt-3">
            <!--begin::Item-->
            
            <div class="d-flex flex-stack">
                <!--begin::Flag-->
           
                <!--end::Flag-->
                <!--begin::Section-->
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <!--begin::Content-->
                    
                    <div class="me-5">
                        <!--begin::Title-->
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">Curl Ext:</a>
                        <!--end::Title-->
                        <!--end::Desc-->
                    </div>
                    <!--end::Content-->
                    <!--begin::Wrapper-->
                    <div class="d-flex align-items-center">
                        <!--begin::Number-->
                       
                        <!--end::Number-->
                        <!--begin::Info-->
                        <div class="m-0">
                            <!--begin::Label-->
                            <span class="fs-base">
                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr065.svg-->

                            <!--end::Svg Icon-->
                            <span class='badge badge-light-success fs-base'> Enabled</span>                            </span>
                            <!--end::Label-->
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Wrapper-->
                </div>
                <!--end::Section-->
            </div>

            <!--begin::Separator-->
            <div class="separator separator-dashed my-3"></div>
            <div class="d-flex flex-stack">
                <!--begin::Flag-->
             
                <!--end::Flag-->
                <!--begin::Section-->
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <!--begin::Content-->
                    
                    <div class="me-5">
                        <!--begin::Title-->
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">Zip Ext:</a>
                        <!--end::Title-->
                        <!--end::Desc-->
                    </div>
                    <!--end::Content-->
                    <!--begin::Wrapper-->
                    <div class="d-flex align-items-center">
                        <!--begin::Number-->
                       
                        <!--end::Number-->
                        <!--begin::Info-->
                        <div class="m-0">
                            <!--begin::Label-->
                            <span class="fs-base">
                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr065.svg-->

                            <!--end::Svg Icon-->
                            <span class='badge badge-light-success fs-base'> Enabled</span>                            </span>
                            <!--end::Label-->
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Wrapper-->
                </div>
                <!--end::Section-->
            </div>

            <div class="separator separator-dashed my-3"></div>
            <div class="d-flex flex-stack">
            
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">Gd Ext:</a>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                            <span class="fs-base">
                            <span class='badge badge-light-success fs-base'> Enabled</span>                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="separator separator-dashed my-3"></div>
            <div class="d-flex flex-stack">
             
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">Libxml Ext:</a>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                            <span class="fs-base">
                            <span class='badge badge-light-success fs-base'> Enabled</span>                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="separator separator-dashed my-3"></div>
            <div class="d-flex flex-stack">
            
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">SimpleXML Ext:</a>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                            <span class="fs-base">
                            <span class='badge badge-light-success fs-base'> Enabled</span>                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="separator separator-dashed my-3"></div>
            <div class="d-flex flex-stack">
           
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">Mongodb Ext:</a>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                            <span class="fs-base">
                            <span class='badge badge-light-success fs-base'> Enabled</span>                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="separator separator-dashed my-3"></div>
            <div class="d-flex flex-stack">
               
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">PDO Ext:</a>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                            <span class="fs-base">
                            <span class='badge badge-light-success fs-base'> Enabled</span>                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="separator separator-dashed my-3"></div>
            <div class="d-flex flex-stack">
               
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">Exif Ext:</a>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                            <span class="fs-base">
                            <span class='badge badge-light-success fs-base'> Enabled</span>                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="separator separator-dashed my-3"></div>
            <div class="d-flex flex-stack">
       
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">File info Ext:</a>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                            <span class="fs-base">
                            <span class='badge badge-light-success fs-base'> Enabled</span>                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="separator separator-dashed my-3"></div>
            <div class="d-flex flex-stack">
           
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">Tokenizer Ext:</a>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                            <span class="fs-base">
                            <span class='badge badge-light-success fs-base'> Enabled</span>                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="separator separator-dashed my-3"></div>
            <div class="d-flex flex-stack">

               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">OpenSSL Ext:</a>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                            <span class="fs-base">
                            <span class='badge badge-light-success fs-base'> Enabled</span>                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="separator separator-dashed my-3"></div>
            <div class="d-flex flex-stack">
              
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">Mbstring Ext:</a>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                            <span class="fs-base">
                            <span class='badge badge-light-success fs-base'> Enabled</span>                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="separator separator-dashed my-3"></div>
            <div class="d-flex flex-stack">
              
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">GunZip :</a>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                            <span class="fs-base">
                            <span class='badge badge-light-success fs-base'> Enabled</span>                            </span>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        </div>
    </div>
    <!--end::List widget 9-->


    
    <div class="col-xxl-4 mb-5 mb-xl-10">
    <!--begin::List widget 9-->
    <div class="card card-flush">
        <!--begin::Header-->
        <div class="card-header py-7">
            <!--begin::Statistics-->
            <div class="m-0">
                <!--begin::Heading-->
                <div class="d-flex align-items-center mb-2">
                    <!--begin::Title-->
                    <h3 class="card-title align-items-start flex-column">
                        <span class="card-label fw-bold text-dark">Server Environment</span>
                        <span class="text-muted mt-1 fw-semibold fs-7"></span>
                    </h3>
                    <!--end::Title-->
                    <!--begin::Label-->
                    
                    <!--end::Label-->
                </div>
                <!--end::Heading-->
                <!--begin::Description-->
                <span class="fs-6 fw-semibold text-gray-400"></span>
                <!--end::Description-->
            </div>
            <!--end::Statistics-->
            <!--begin::Toolbar-->
            <div class="card-toolbar">
            </div>
            <!--end::Toolbar-->
        </div>
        <!--end::Header-->
        <div class="card-body card-body d-flex justify-content-between flex-column pt-3">
            <!--begin::Item-->
            
            <div class="d-flex flex-stack">
            
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">PHP Version:</a>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                            <span class="badge badge-light-danger fs-base">
                         
                            <!--end::Svg Icon-->{{phpversion()}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="separator separator-dashed my-3"></div>

            <div class="d-flex flex-stack">
                
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">Laravel Version:</a>
                    </div>
                    
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                            @foreach($settingArray->require as $key => $required)
                            @if($key == 'laravel/framework')
                            <span class="badge badge-light-danger fs-base">
                            
                            <!--end::Svg Icon-->{{$required}}</span>
                            @endif
                            @endforeach
                        </div>
                    </div>
                    
                </div>
            </div>
            <div class="separator separator-dashed my-3"></div>


        <div class="d-flex flex-stack">
         
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">Database Mysql:</a>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                            <span class="badge badge-light-danger fs-base">
                            <span class='badge badge-light-success fs-base'>'.11.8.3.'</span>                                
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="separator separator-dashed my-3"></div>


        <div class="d-flex flex-stack">
               
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">Server Software:</a>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                            <span class="badge badge-light-danger fs-base">
                            Apache/2.4.52 (Ubuntu)<br> 
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="separator separator-dashed my-3"></div>


        <div class="d-flex flex-stack">
          
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">Server OS:</a>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                            <span class="badge-light-danger fs-base">
                            <b>{{php_uname()}}</b>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="separator separator-dashed my-3"></div>

            <!-- <div class="d-flex flex-stack">
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">CMS Version:</a>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                            <span class="fs-base">
                            //
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="separator separator-dashed my-3"></div> -->

            <div class="d-flex flex-stack">
                
               
                <div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
                    <div class="me-5">
                        <a class="text-gray-800 fw-bold text-hover-primary fs-6">Timezone:</a>
                    </div>
                    <div class="d-flex align-items-center">
                        <div class="m-0">
                           <span class="badge-light-danger fs-base">
                          <b>