@extends('layouts.front')

@section('page-title', trans('crm.clients_contracts'))

@section('content')
    <div class="content">
        <div class="row">
            <div class="col-md-12">@include('partials.announcement')</div>
        </div>

        <div class="d-flex align-items-center justify-content-between pt-3 pb-3">
            <div class="d-flex">
                <h4 class="m-0">
                    <a href="javascript:history.back()" style="color: black;"><i class="icon-arrow-left52 mr-2"></i></a>
                    <span class="font-weight-semibold">@lang('crm.clients_contracts')</span>
                </h4>
            </div>

            @include('partials.front-custom-menu')

        </div>

        @include('partials.messages')

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="text-success" href="{{ url('front/statements') }}" >
                            @lang('crm.contract_summary_by_type')
                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="relative" style="max-height:300px;">
                                    <canvas class="chart" height="300" id="contracts-by-type-chart"></canvas>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-3 mb-3">
                            <div class="col-12">
                                <a class="btn btn-primary text-white" href="{{ route('front.new_contract') }}"><i class="icon-file-plus mr-2"></i> @lang('crm.new_contract')</a>
                                <a class="btn btn-success ml-2 text-white" href="{{ route('front.deposit') }}"><i class="icon-add mr-2"></i> @lang('crm.deposit')</a>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <table class="table" id="contract-table">
                                <thead>
                                <th>@lang('crm.the_number_sign')</th>
                                <th>@lang('crm.clients_contracts_type')</th>
                                <th>@lang('crm.clients_contracts_status')</th>
                                <th>@lang('crm.signature')</th>
                                <th>@lang('crm.contract_client_fee')</th>
                                <th>@lang('crm.clients_contracts_dt_start_date')</th>
                                <th>@lang('crm.clients_contracts_dt_end_date')</th>
                                </thead>
                                <tbody>
                                @if(count($contracts) > 0)
                                    @foreach($contracts as $contract)
                                        <tr class="@if(!is_null($contract['dateend']) && $contract['dateend'] < \Carbon\Carbon::today()) alert-danger @endif">
                                            <td><a href="{{ url('contract/' . $contract['id'] . '/' . $contract['hash']) }}">#{{ $contract['id'] }} View Contract</a></td>
                                            <td>{{ $contract['contract_type_name'] }}</td>
                                            <td>{!!  format_contract_status($contract['status'])  !!}</td>
                                            <td>
                                                @if(!empty($contract['signature']))
                                                    <span class="text-success">@lang('crm.is_signed')</span>
                                                @else
                                                    <span class="text-muted">@lang('crm.is_not_signed')</span>
                                                 @endif
                                            </td>
                                            <td>{{  number_format($contract["client_fee"], 2).'%' }}</td>
                                            <td>{{  local_time_format($contract["datestart"], true) }}</td>
                                            <td>{{  local_time_format($contract["dateend"], true) }}</td>
                                        </tr>
                                    @endforeach
                                @endif
                                </tbody>
                            </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('scripts')
    {!! HTML::script('assets/plugins/Chart.js/Chart.min.js') !!}
    <script>
        $(document).ready(function () {
            $('#contract-table').DataTable({
                'drawCallback': function( settings, json ) {
                    return;
                },
                'order': [[2, 'asc']]
            });

            new Chart($('#contracts-by-type-chart'), {
                type: 'bar',
                data: {!! $type_chart !!},
                options: {
                    legend: {
                        display: false,
                    },
                    responsive: true,
                    maintainAspectRatio:false,
                    scales: {
                        yAxes: [{
                            display: true,
                            ticks: {
                                suggestedMin: 0,
                            }
                        }]
                    }
                }
            });
        });
    </script>
@stop