@extends('investor.layout.app')
@section('css')

<link rel="stylesheet" href="{{URL::asset('theme/datatables.net-bs/css/jquery.dataTables.min.css')}}">

<style>
    .dataTables_length {
        margin-bottom: 10px;
    }

    table.dataTable thead .sorting:before,
    table.dataTable thead .sorting_asc:before,
    table.dataTable thead .sorting_desc:before,
    table.dataTable thead .sorting_asc_disabled:before,
    table.dataTable thead .sorting_desc_disabled:before {
        bottom: 23px !important;
        padding-left: 3px !important;
    }

    .dataTables_filter input {
        width: 200px
    }

    table.dataTable .nohighlight span.highlight {
        background-color: #4891de ! important;
        color: #fff ! important;
    }

    .custom-btn {
        font-size: 10px;

    }

    .odd {
        background-color: white;
    }

    .table tbody tr td {
        padding: 12px 1px;
        border: 0;
    }

    label {
        padding-top: 20px;
    }

    #example2_filter {
        display: none;
    }

    .row {
        margin-left: 0px;
    }

    .sub:hover~.head {
        font-weight: bolder;
    }

    #a:hover+#b {
        font-weight: normal;
    }

    .headingNoMargin {
        position: relative;
        font-size: 22px;
        font-weight: 600;
    }
</style>

@endsection
@section('content')

<!-- wrapper Start -->
<div class="center-wrapper  common-parent-class">
    <div class="center-inner clearfix">
        <h2 class="headingNoMargin withicon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="icon">
                <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z" />
                <path d="M0 0h24v24H0z" fill="none" />
            </svg>
            {{ __('pagination.investments') }}
        </h2>
        <div class="row">
            <div class="col-md-9"></div>
        </div>

        <!-- Table Start -->
        <div class="row" style="padding-right:15px;">
        <div class="input-wrap col-xs-12 col-sm-3">
            <select class="selectpicker" name="filter" id="filter">
                <option value="0">Select Status</option>
                <option value="{{ __('pagination.waiting_for_funds') }}">{{ __('pagination.waiting_for_funds') }}</option>
                <option value="{{ __('pagination.waiting_for_documents') }}">{{ __('pagination.waiting_for_documents') }}</option>
                <option value="{{ __('pagination.waiting_on_maturity') }}">{{ __('pagination.waiting_on_maturity') }}</option>
                <option value="{{ __('pagination.waiting_for_add_funds') }}">{{ __('pagination.waiting_for_add_funds') }}</option>
                <option value="{{ __('pagination.processing') }}">{{ __('pagination.processing') }}</option>
                <option value="{{ __('pagination.renewal') }}">{{ __('pagination.renewal') }}</option>
                <option value="{{ __('pagination.effective') }}">{{ __('pagination.effective') }}</option>
                <option value="{{ __('pagination.matured') }}">{{ __('pagination.matured') }}</option>
                <option value="{{ __('pagination.cancelled') }}">{{ __('pagination.cancelled') }}</option>
                <option value="{{ __('pagination.waiting_on_custodian') }}">{{ __('pagination.waiting_on_custodian') }}</option>
                <option value="{{__('pagination.waiting_on_verification')}}">{{__('pagination.waiting_on_verification')}}</option>
            </select>
        </div>
            <table class="table table-bordered" id="posts" style="width:100%">
                <thead>
                    <th>{{ __('pagination.id') }}</th>
                    <th style="display:none;">{{ __('pagination.investor') }}</th>
                    <th>{{ __('pagination.advisor') }}</th>
                    <th>{{ __('pagination.fund') }}</th>
                    <th>{{ __('pagination.custodian') }}</th>
                    <th>{{ __('pagination.amount') }}</th>
                    <th style="display: none"></th>
                    <th style="display: none"></th>
                    <th>{{ __('pagination.status') }}</th>
                    <th>{{ __('pagination.created') }}</th>
                    <th>{{ __('pagination.actions') }}</th>
                </thead>
                <tbody>
                    @foreach($businessdata as $key=>$businessObj)
                    <tr>
                        <td><a href="investment-profile/{{ $businessObj->id }}">{{ $businessObj->id }}</a></td>
                        <td style="display:none;"><a href="investor_overview/{{ $businessObj->client->id }}">{{$businessObj->client->name . ' ' . $businessObj->client->middlename . ' ' . $businessObj->client->lastname }}</a></td>
                        <td>{{ $businessObj->finder ? $businessObj->finder->name . ' ' . $businessObj->finder->middlename . ' ' . $businessObj->finder->lastname : ''}}</td>
                        <td>{{ $businessObj->getFeederfundNameInvestor() }}</td>
                        <td>{{ $businessObj->getCustodianNameInvestor() }}</td>
                        <td data-order="{{ $businessObj->amount }}">${{number_format($businessObj->amount,2)}}</td>
                        <td style="display: none"></td>
                        <td style="display: none"></td>
                        <td class="status-td align-accredited"><span class="{{CommonHelper::createCssClass($businessObj->getStatusInvestor())}}">{{ $businessObj->getStatusInvestor() }}</span></td>
                        <td data-order="{{ strtotime($businessObj->created_at )}}">{{ $businessObj->created_at }}</td>
                        <td><a href="{{route('investor.investmentProfile',$businessObj->id)}}"><input type="button" class="custom-btn fill" value="View"></a></td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
            <input type="hidden" id="hdnFilter" value="-1" />
        </div>
        <!-- Table End -->
    </div>
    <!-- wrapper End -->
    @endsection

    @section('js')
    <script type="text/javascript" src="{{asset('assets/js/datatables.min.js')}}"></script>
    <script src="{{asset('assets/js/pagination_sales.js')}}"></script>
    @endsection