@extends('admin::layouts.layout')
@section('content')
    <div class="card card-transparent">
        <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
        <div id="chart_div"></div>
        <script type="text/javascript">
            google.charts.load('current', {'packages':['bar']});
            google.charts.setOnLoadCallback(drawChart);

            function drawChart() {
                var data = google.visualization.arrayToDataTable([
                    ['Projekt', 'Total', 'Kész', 'Folyamatban'],
                    @foreach($chart_info as $info)
                    ['{{$info['name']}}', {{$info['total']}}, {{$info['finished']}}, {{$info['in_progress']}}],
                    @endforeach
                ]);

                var options = {
                    title: 'Projekt állapotok',
                    chartArea: {width: '50%'},
                    colors: ['#4657db', '#35c91e', '#bf2b2b'],
                    bars: 'horizontal',
                };

                var chart = new google.charts.Bar(document.getElementById('chart_div'));

                chart.draw(data, google.charts.Bar.convertOptions(options));
            }
        </script>

        <div class="card-header">
            {!! \App\Http\Helper::text_button(trans('common.Új Hozzáadás'),array('route_name' => 'admin_project_edit', 'params' => array(0)),'fa-plus', array('class'=>'btn btn-primary openProjectModal')) !!}
        </div>
        <div class="card-block">
            <div class="card card-borderless">
                {!! $filterHeader !!}
                <div class="table-responsive">
                    <table class="table table-hover demo-table-search table-responsive-block">
                        <thead>
                        <tr>
                            <th data-toggle="tooltip" title="Project neve" data-placement="top">{{trans('common.Név')}}</th>
                            <th data-toggle="tooltip" title="Projectnév" data-placement="top">{{trans('common.Rövid. név')}}</th>
                            <th data-toggle="tooltip" title="Project helyszíne" data-placement="top">{{trans('common.Helyszín')}}</th>
                            <th data-toggle="tooltip" title="Project kezdete" data-placement="top">{{trans('common.Kezdete')}}</th>
                            <th data-toggle="tooltip" title="Project vége" data-placement="top">{{trans('common.Vége')}}</th>
                            <th data-toggle="tooltip" title="Project állapota" data-placement="top">{{trans('common.Állapot')}}</th>
                            <th width="15%" data-toggle="tooltip" title="Szerkesztési lehetőségek" data-placement="top">{{trans('common.menu')}}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($model as $m)

                            <tr>
                                <td>
                                    {{$m->name}}
                                </td>
                                <td>
                                    {{$m->short_name}}
                                </td>
                                <td>
                                    {{$m->location}}
                                </td>
                                <td>
                                    {{$m->start_date}}
                                </td>
                                <td>
                                    {{$m->end_date}}
                                </td>
                                <td>
                                    @if($m->status == 2){{trans('common.Kész')}}
                                    @elseif($m->status == 1){{trans('common.Folyamatban')}}
                                    @else{{trans('common.Árajánlatra vár')}}
                                    @endif
                                </td>
                                <td>
                                    <div class="dropdown dropdown-default">
                                        <button class="btn btn-secondary dropdown-toggle" type="button"
                                                data-toggle="dropdown" aria-haspopup="true"
                                                aria-expanded="false">
                                            {{trans('common.Műveletek')}}
                                        </button>
                                        <div class="dropdown-menu">
                                            {!! \App\Http\Helper::text_button(trans('common.edit'),array('route_name'=>'admin_project_edit', 'params' => array($m->id)),'fa-pencil-alt', array('class'=>'dropdown-item')) !!}
                                            {!! \App\Http\Helper::text_button(trans('common.delete'),array('route_name'=>'admin_project_delete', 'params' => array($m->id)),'fa-trash', array('class'=>'dropdown-item confirm')) !!}
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                {!! $model->appends($_GET)->links() !!}
            </div>
        </div>
    </div>
    @include('project::modals.new_project')
@endsection

@section('pagescript')



@endsection