@extends('layouts/default')

{{-- title --}}
@section('title')
    Leads ::
    @parent
@stop

@section('styles')
    <link rel="stylesheet" href="{{ asset('/assets/plugins/bootstrap-multiselect/css/bootstrap-multiselect.css') }}">
@stop

{{-- content --}}
@section('content')
    
    <div class="toolbar row">
        <div class="col-sm-6 hidden-xs">
            <div class="page-header">
                <h1>Leads <small></small></h1>
            </div>
        </div>

        <div class="col-sm-6 col-xs-12">
            <div class="toolbar-tools pull-right">
                <ul class="nav navbar-right">
                   
                </ul>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <ol class="breadcrumb">
                <li><a href="{{ URL::to('/') }}">{{ trans('general.dashboard') }}</a></li>
                <li class="active">Leads</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <!-- Notifications -->
            @include('notifications')
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-white" >
                <div class="panel-body" id="summary-wrapper">
                    @include('leads.summary')
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-white">
                <div class="panel-heading">
                    <h4 class="panel-title">Leads</h4>
                    <div class="panel-tools">
                        <div class="dropdown">
                            <a data-toggle="dropdown" class="btn btn-xs dropdown-toggle btn-transparent-grey">
                                <i class="fa fa-cog"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-light pull-right" role="menu">
                                <li>
                                    <a class="panel-collapse collapses" href="#"><i class="fa fa-angle-up"></i> <span>{{ trans('general.collapse') }}</span> </a>
                                </li>
                                <li>
                                    <a class="panel-expand" href="#"> <i class="fa fa-expand"></i> <span>{{ trans('general.fullscreen') }}</span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="panel-body">
                    @include('leads.search-bar')

                    <div style="margin-top: 20px;">
                        <div class="clearfix"></div>
                    </div>
                    <div class="pull-left" style="padding: 0px 15px 0px 0px;">
                        <ul class="pagination">
                            @if($total_pages > 0)
                                @for($page = 1; $page <= $total_pages; $page++)
                                    <li class="page-item {{Request::input('page') == $page ? ' active': ''}}" > <a href="javascript::void(0)" class="page-link" data-value="{{$page}}">{{$page}}</a></li>
                                @endfor
                            @endif
                        </ul>
                    </div>
                    <div style="margin-top: 20px;">
                        <div class="clearfix"></div>
                    </div>
                    <div class="table-responsive" style="min-height: 500px; padding: 0px 15px 0px 0px;">
                        <table class="table table-bordered table-striped table-hover">
                            <thead>
                                <tr>
                                    {{-- <th  style="width: 40px;" class="center">
                                        <div class="checkbox-table">
                                            <label><input type="checkbox" class="flat-grey selectall"></label>
                                        </div>
                                    </th> --}}
                                    <th style="width:40px; display:none;" >#</th>
                                    <th style="width:50px; display:none;" class="rsorting "
                                        data-sortby="id" data-sort="">{{ trans('general.id') }}</th>
                                    {{-- @if($isAdmin) --}}
                                        <th style="width:140px;" class="rsorting "
                                            data-sortby="created_at" data-sort="">Created at</th>
                                    {{-- @endif --}}
                                    <th style="width:150px" class="rsorting "
                                        data-sortby="name" data-sort="">First Name</th>
                                    <th style="width:150px" class=" rsorting "
                                        data-sortby="surname" data-sort="">Last Name</th>
                                    <th style="width:150px;" class="rsorting "
                                        data-sortby="email" data-sort="">Email</th>
                                    {{-- <th style="width:60px;" class=" rsorting "
                                        data-sortby="country_code" data-sort="">Code</th> --}}
                                    {{-- <th style="width:100px;" class="rsorting "
                                        data-sortby="phone" data-sort="" >Phone Number</th> --}}
                                    <th style="width:130px;" class="rsorting "
                                        data-sortby="country" data-sort="">Country</th>

									<th style="width:120px;" class="rsorting "
										data-sortby="first_deposit_date" data-sort="">FTD Date</th>

                                    <th style="width:160px;" class="rsorting "
                                        data-sortby="status" data-sort="">Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($items as $item)
                                    <tr>
                                        {{-- <td class="center">
                                        <div class="checkbox-table">
                                            <label><input name="leads-ids[]" value="" type="checkbox" class="flat-grey foocheck leads-ids"></label>
                                        </div>
                                        </td> --}}
                                        <td style="display:none;">1 </td>
                                        <td style="display:none;">1</td>
                                        {{-- @if($isAdmin) --}}
                                            <td>{{ date('d/m/Y H:i:s', strtotime($item->created_at))}}</td>
                                        {{-- @endif --}}
                                        <td>
                                            {{ $item->first_name}}
                                        </td>
                                        <td>
                                            {{ $item->last_name}}
                                        </td>
                                        <td style="{{$item->api_status == 0 ? 'color: #cc0000' : ''}}">
                                         {{ $item->email}}
                                        </td>
                                       
                                        {{--<td>
                                            {{$item->phone_prefix}}{{$item->phone}}
                                        </td> --}}
                                        <td>{{ $item->name}}</td>
                                        <td>
                                            @if(!is_null($item->first_deposit_date))
												{{ date('d/m/Y H:i:s', strtotime($item->first_deposit_date))}}
											@endif
                                        <td>
                                            {{ $item->client_status}}
                                        </td>
                                        
                                    </tr>
                                @endforeach
                                
                            </tbody>
                        </table>
                    </div>
                    <div class="pull-left" style="padding: 0px 15px 0px 0px;">
                        <ul class="pagination">
                            @if($total_pages > 0)
                                @for($page = 1; $page <= $total_pages; $page++)
                                    <li class="page-item {{Request::input('page') == $page ? ' active': ''}}" > <a href="javascript::void(0)" class="page-link" data-value="{{$page}}">{{$page}}</a></li>
                                @endfor
                            @endif
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div id="action-modal" style="overflow-y:auto;" class="modal fade" tabindex="1" role="dialog" aria-hidden="true" aria-labelledby="action-modal"></div>
    <div id="send-modal" style="overflow-y:auto;" class="modal fade" tabindex="1" role="dialog" aria-hidden="true" aria-labelledby="send-modal"></div>

    <!-- CSRF Token -->
    <input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}" />
@stop

@section('scripts')
    @parent
    
    {{ Html::script('assets/modules/leads/leads.js') }}
    {{ Html::script('assets/plugins/bootstrap-multiselect/js/bootstrap-multiselect.js') }}
@stop