@extends('include.master')
@section('page_title','PageSpeed')
@section('contant')

<div class="page-wrapper">
<div class="page-content">

<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header text-uppercase">PageSpeed</div>
<div class="card-body">
<form action="{{ route('superadmin.pagespeed') }}" method="GET" class="form-horizontal needs-validation" novalidate enctype="multipart/form-data">


<div class="form-group row">
    
    <label for="basic-input" class="col-sm-2 col-form-label">Website URL</label>
<div class="col-sm-4">
<div class="input-group mb-3">
<input type="text" class="form-control" value="{{old('url')}}" name="url" placeholder="Enter Website URL" value="" required>
</div>

<p style="color:red;">@error('url'){{$message}}@enderror</p>
</div>

<label for="basic-input" class="col-sm-2 col-form-label">Strategy</label>
<div class="col-sm-4">
<div class="input-group mb-3">
<select class="form-control" required name="strategy">
 <option value="mobile">Mobile</option>
    <option value="desktop">Desktop</option>
    
</select>
</div>
</div>


</div>



<p class="text-center"><input type="submit" value="submit"  class="btn btn-success" name="submit"></p>
</div>
</form>

@if(isset($data))
<div class="container">
    <h3>PageSpeed Insights Report</h3>
    
    @if(session('error'))
        <p class="alert alert-danger">{{ session('error') }}</p>
    @else
        <p><strong>Performance Score:</strong> {{ $data['performance_score'] }}%</p>
        <p><strong>First Contentful Paint:</strong> {{ $data['first_contentful_paint'] }}s</p>
        <p><strong>Largest Contentful Paint:</strong> {{ $data['largest_contentful_paint'] }}s</p>
        <p><strong>Total Blocking Time:</strong> {{ $data['total_blocking_time'] }}ms</p>
        <p><strong>Cumulative Layout Shift:</strong> {{ $data['cumulative_layout_shift'] }}</p>
        <p><strong>Speed Index:</strong> {{ $data['speed_index'] }}s</p>

        {!! $chart->container() !!}
    @endif
</div>

<script src="{{ $chart->cdn() }}"></script>
{!! $chart->script() !!}
@endif

</div>
</div>
</div>
</div>

</div>
</div>
</div>
@endsection