@extends('admin.layoutWithNavigation')

@section('pageHeading', trans('profiler::module.name'))

@section('content')

    <div class="row">
        <div class="col-md-5">
            <div class="card">
                <div class="card-header">
                    <div class="header-block">
                        <p class="title">@lang('profiler::module.request.detail')</p>
                    </div>
                </div>

                <div class="card-block">
                    <div class="row">
                        <ul>
                            <li>@lang('profiler::module.index.httpMethod'): {{$httpLog->method}}</li>
                            <li>@lang('profiler::module.index.url'): <a href="{{route('profiler.index', ['url' => $httpLog->url])}}">{{$httpLog->url}}</a></li>
                            <li>@lang('profiler::module.index.time'): {{number_format($httpLog->time, 2)}}</li>
                            <li>@lang('profiler::module.index.systemLoad'): {{$httpLog->load_1}}, {{$httpLog->load_5}}
                                                                          , {{$httpLog->load_15}}</li>
                        </ul>
                    </div>

                    <div class="row text-center">
                        <div class="col-sm-3"><h3>{{count($sameRequests)}} &times;</h3> volano</div>
                        <div class="col-sm-3"><h3>{{number_format($times['min'], 2)}} ms</h3> min</div>
                        <div class="col-sm-3"><h3>{{number_format($times['max'], 2)}} ms</h3> max</div>
                        <div class="col-sm-3"><h3>{{number_format($times['avg'], 2)}} ms</h3> prumer</div>
                    </div>

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

        <div class="col-md-7">
            <div class="card">
                <div class="card-header">
                    <div class="header-block">
                        <p class="title">@lang('profiler::module.graphs.responseTime')</p>
                    </div>
                </div>
                <div class="card-block">
                    <canvas id="responseTimeHistory" height="100"></canvas>
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <div class="header-block">
                <p class="title">@lang('profiler::module.request.sameRequests')</p>
            </div>
        </div>

        <div class="card-block">
            @include('profiler::_partials.requestList', ['requests' => $sameRequests])
        </div>
    </div>


@endsection

@section('javascripts')
    <script>
		 var ctx = $ ("#responseTimeHistory");
		 var myChart = new Chart (ctx, {
			 type: 'bubble',
			 data: {
				 datasets: [
					 {
						 label: '@lang('profiler::module.graphs.responseTime')',
						 data: [
                           @foreach($sameRequests as $i => $request)
							 {
								 x: '{{$i}}',
								 y: '{{number_format($request->time, 2)}}',
								 r: 5
							 },
                       @endforeach

						 ],
						 backgroundColor: "#413e39",
						 hoverBackgroundColor: "#515151",
					 }]
			 }
		 });
    </script>
@endsection