@extends('layouts.layout')

@section('content')


<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="{{ URL::asset('css/popup.css') }}">
<style type="text/css">
    .badge-danger {
        background-color:red;
    }
    .increaseme{
        width:100px;
    }
    .butRed{
        color:red;
    }
</style>
<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
         {{ ucwords(str_replace('_', ' ', $url)) }} 
        <small>Version 2.0</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> SysManager</a></li>
        <!--<li class="active">{{ ucwords(str_replace('_', ' ', $url)) }}</li>-->
    </ol>
</section>


<!-- Main content -->
<section class="content">

    <div class="btn-group">
        <!--<a href="{{ route('form.url', ['url' => $url]) }}"><button type="button" class="btn bg-maroon btn-flat margin">Add</button></a>
        <a href=""><button type="button" class="btn bg-purple btn-flat margin">Export</button></a>-->
        <!--     <button type="button" class="btn bg-navy btn-flat margin">.btn.bg-navy.btn-flat</button>
                <button type="button" class="btn bg-orange btn-flat margin">.btn.bg-orange.btn-flat</button>
                <button type="button" class="btn bg-olive btn-flat margin">.btn.bg-olive.btn-flat</button> -->
    </div>
    <!-- /.row -->


    <div class="row">
        <div class="col-xs-12">
            <div class="box" style="padding:10px">

                <!-- /.box-header -->
                <div class="box-body table-responsive no-padding">

                    <div class="col-md-12">
                        <!-- Custom Tabs -->
                        <div class="nav-tabs-custom">
                            <ul class="nav nav-tabs">
                                <li  class="active"><a href="#tab_1" data-toggle="tab">HSE STATISTIC SHEET</a></li>
                                <li><a href="#tab_3" data-toggle="tab">ADD STATISTIC DATA</a></li>
                              
                                <li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active" id="tab_1">
                                    <h3 class="pull-right">HSE STATICTICS SHEET</h3>
                                    <span style="clear:both"></span>
                                   
                                    <table class="table table-responsive table-bordered">
                                        <tr>
                                            <th style="background-color:#222d32">
                                                <form id="getvesselsheet" name="getvesselsheet" method="get" action="{{ route('hse_statistics') }}">
                                                      {{ csrf_field() }}
                                                <select name="vessel_name" id="vessel_name">
                                                    <option value="">Select Vessel</option>
                                                    @if($allVessels)
                                                     @foreach($allVessels as $get)
                                                      <option value="{{ $get->vessel_name }}">{{ $get->vessel_name }} </option>
                                                     @endforeach
                                                    @endif
                                                </select>
                                                <input type="submit" value="Go" />
                                                <span style="color:whitesmoke"> {{ $vessel_name }} </span>
                                                </form>
                                            </th>
                                            @foreach($monthinyear as $get)
                                            <th style="background-color:#222d32; color:white">{{ $get->name }}</th>
                                            @endforeach
                                             <th style="background-color:#222d32; color:white">Total</th>
                                        </tr>
                                        
                                        
                                        @foreach($all_kpi as $iget)
                                     
                                        
                                        <tr>
                                            <td ><b>{{ $iget->indicator_name }}</b></td>