@extends('layouts.master')
@section('page_title', 'Clients by Industry')
@section('content')
	{{ Form::page_header("Clients by Industry", "checklist") }}
	<div class="container">
		{{ Form::open(['url' => action('SuperAdminController@client_industry_export')]) }}
		<div class="row grid-header">
			{{ Form::button_save('Export', 'action') }}
		</div>
		{{ Form::close() }}
		<div class="row">
			<div class="col-md-12 grey-bg-search curve_container search-container">
				<form class="row" id="search_form">
					@include('search._grid_search_filters', ['col_width' => 12, 'filters' => [
						['name' => 'team', 'col_width' => 4, 'list' => $team_filter, 'placeholder' => 'All Businesses'],
						['name' => 'package', 'col_width' => 4, 'list' => \App\Queries\ClientIndustryQuery::$filter_package_map, 'placeholder' => 'All Types'],
						['name' => 'industry', 'col_width' => 4, 'list' => $industry_filter, 'placeholder' => 'All Industries'],
					]])
					@include('search._complex_search_parameter', ['sort_column' => 'company'])
				</form>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12 grey-bg-search curve_container totals-container">
				<div class="row">
					{{ Form::label_styled('Average Profitability:', '', \App\Helpers\FormComponentHelper::SIZE_MEDIUM, 2) }}
					<div class="no-right-pad no-left-pad col-md-3 col-xs-3 ">
						{{ Form::label_styled2($average_profitability, '', 'average_profitability', null, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
					</div>
					{{ Form::label_styled('Average Revenue:', '', \App\Helpers\FormComponentHelper::SIZE_MEDIUM, 2) }}
					<div class="no-right-pad no-left-pad col-md-3 col-xs-3 ">
						{{ Form::label_styled2($average_revenue, '', 'average_revenue', null, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
					</div>
				</div>
				<div class="row">
					{{ Form::label_styled('Median Profitability:', '', \App\Helpers\FormComponentHelper::SIZE_MEDIUM, 2) }}
					<div class="no-right-pad no-left-pad col-md-3 col-xs-3 ">
						{{ Form::label_styled2($median_profitability, '', 'median_profitability', null, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
					</div>
					{{ Form::label_styled('Median Revenue:', '', \App\Helpers\FormComponentHelper::SIZE_MEDIUM, 2) }}
					<div class="no-right-pad no-left-pad col-md-3 col-xs-3 ">
						{{ Form::label_styled2($median_revenue, '', 'median_revenue', null, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
					</div>
				</div>
			</div>
		</div>
		@include('search._search_grid_wrapper')
	</div>
@endsection

@section('page_script')
	@include('shared_script._search_script_render')
	<script>
		function do_after_grid_load(response) {
			$("#average_profitability").text(response.totals.average_profitability);
			$("#median_profitability").text(response.totals.median_profitability);
			$("#average_revenue").text(response.totals.average_revenue);
			$("#median_revenue").text(response.totals.median_revenue);
		}
	</script>
@endsection

@section('page_style')
	@include('shared_style._grid_sort_style')
	<style>
		.totals-container {
			margin-bottom: 20px;
			padding-bottom: 15px;
		}

		.btn.btn-xxs {
			font-size: 13px;
			padding-left: 5px;
			padding-right: 5px;
		}

		.table.source-table-responsive > thead > tr > td,
		.table.source-table-responsive > tbody > tr > td,
		.table.source-table-responsive > tfoot > tr > td {
			font-size: 14px;
		}

		table.table.source-data-table.source-table-responsive.border-table > thead > tr > th {
			white-space: unset;
		}

		tr.red-background td[data-label="profitability"] {
			background-color: #cc0000 !important;
			color: white;
		}
		table.source-data-table tbody tr.red-background td[data-label="profitability"] {
			font-weight: 600;
		}

		tr.green-background td[data-label="profitability"] {
			background-color: #5c892c !important;
			color: white;
		}
		table.source-data-table tbody tr.green-background td[data-label="profitability"] {
			font-weight: 600;
		}
	</style>
@endsection