@extends('layouts.'.env('THEME'))

@section('style')

<style>
.fontsmall {
    font-size: 0.7rem;
}
</style>

@endsection

@section('content')

<div class="container" id="main-container">

    <x-section_heading
        title="{{ ucfirst($mode) }} Dashboard"
        rowclass="my-5"/>

    {!! Form::open(['route' => 'contacts_dashboard', 'method' => 'get']) !!}
    @if(!empty($mode))
        <input type="hidden" name="m" value="{{ $mode }}" />
    @endif
    @if($mode == 'customers')
    <div class="row">
        <div class="col-12">
            <label class="btn btn-outline-primary" for="btncheck1">
                <input type="checkbox" class="btn-check" id="btncheck1"
                    name="hide_av" value="1" autocomplete="off"
                    @if(isset($_GET['show_is']))
                    checked="true"
                    @endif
                    >
                Only show installed contacts
            </label>
        </div>
    </div>
    @elseif($mode == 'sales')
    <div class="row">
        <div class="col-12">
            <label class="btn btn-outline-primary" for="btncheck1">
                <input type="checkbox" class="btn-check" id="btncheck1"
                    name="hide_av" value="1" autocomplete="off"
                    @if(isset($_GET['hide_av']))
                    checked="true"
                    @endif
                    >
                Only show leads that have not agreed to a voucher
            </label>

            <label class="btn btn-outline-primary" for="btncheck2">
                <input type="checkbox" class="btn-check" id="btncheck2"
                    name="hide_oa" value="1" autocomplete="off"
                    @if(isset($_GET['hide_oa']))
                    checked="true"
                    @endif
                    >
                Hide leads outside our areas
            </label>
            <label class="btn btn-outline-primary" for="btncheck3">
                <input type="checkbox" class="btn-check" id="btncheck3"
                    name="hide_ni" value="1" autocomplete="off"
                    @if(isset($_GET['hide_ni']))
                    checked="true"
                    @endif
                    >
                Hide leads marked as &lsquo;not interested&rsquo;
            </label>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="input-group mb-3">
                <span class="input-group-text" id="basic-addon1">
                    Only show signe ups from the last
                </span>
                <input type="number" step="1" class="form-control"
                    placeholder="Number of days" aria-label="Days" aria-describedby="basic-addon1"
                    name="w_days"
                    @if(isset($_GET['w_days']))
                        value="{{ $_GET['w_days'] }}"
                    @endif
                    >
                <span class="input-group-text" id="basic-addon1">
                    days
                </span>
            </div>
        </div>
    </div>
    @endif

    <div class="row">
        <div class="col-12">
            <label class="btn btn-outline-primary" for="btncheck1">
            {!! Form::select('show_ar',
                $areas,
                $_GET['show_ar'] ?? null) !!}
                Only show addresses fro this area
            </label>
        </div>
    </div>

    <div class="row">
        <div class="col-12">

            <div class="input-group">
                <input type="search" name="search_query" class="form-control rounded" placeholder="Search" aria-label="Search" aria-describedby="search-addon"
                    value="{{ $search_query ?? '' }}" />
                <input type="submit" class="btn btn-outline-primary" value="search" />
            </div>

        </div>
    </div>
    {!! Form::close() !!}

    <div class="row mt-3">
        <div class="col-12">
            <table class="table" style="font-size: 0.7rem;">
                <thead>
                    <tr>
                        <th scope="col">IDs <span style="font-size: 0.5rem;">lead, user, address</span></th>
                        <th scope="col"><a href="{!! route('view_leads', array('fullname', $next_order_direction)) !!}">Name</a></th>
                        <th scope="col"><a href="{!! route('view_leads', array('created_at', $next_order_direction)) !!}">Created</a></th>
                        <th scope="col"><a href="{!! route('view_leads', array('install_date', $next_order_direction)) !!}">Installed</a></th>
                        <th scope="col">Area</th>
                        <th scope="col">Voucher</th>
                    @if(auth()->user() && auth()->user()->isPermitted("super"))
                        <th scope="col">Duplicate</th>
                    @endif
                        <th scope="col">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($all_leads as $lead)
                        <x-lead_result
                            :lead="$lead"
                            :duplicates="$duplicates"/>
                    @endforeach
                    @if(empty($all_leads))
                        <tr>
                        <th scope="col" colspan="8">
                            No results found, try expanding the search criteria options at the top of the page.
                        </th>
                    @endif
                </tbody>
            </table>
        </div>
    </div>

    @if($laravel_pagination)
        {!! $all_leads->links('vendor.pagination.bootstrap-4') !!}
    @else

    @endif

    @if(auth()->user() && auth()->user()->isPermitted("super"))
    <div class="row mb-5">
        <div class="col-lg-2 col-md-2 col-sm-1 col-0"></div>
        <div class="col-lg-8 col-md-8 col-sm-10 col-12 pb-2">
            <form action="{{ route('lead.bulk_destroy')}}"
                onsubmit="return confirm('Delete forever?');"
                method="post"
                id="bulk-selected"
                class="ml-2"
                style="display: inline-block;">
                {{ csrf_field() }}
                @method('POST')
                <button class="btn btn-danger" type="submit">
                    Delete selected customers
                </button>
            </form>
            <form action="/export_billing_leads"
                method="get"
                style="display: inline-block;">
                <br />
                <button class="btn btn-primary" type="submit">
                    Export billing customer info
                </button>
            </form>
            <br /><br />
            <form action="/export_leads"
                onsubmit="return confirm('This could take a few mins, hang tight.');"
                method="get"
                style="display: inline-block;">
                @foreach($_GET as $key => $val)
                    @if(!is_array($val) && $key != 'include_cols')
                        <input type="hidden" name="{{ $key }}" value="{{ $val }}" />
                    @endif
                @endforeach
                <strong>Export options</strong><br />
                <label for="options_combine_coords">Combine lat/lon column</label>
                <input id="options_combine_coords" type="checkbox" value="1"
                    name="options[combine_coords]" class="mr-3" />

                <br /><br />
                <strong>Columns to include in CSV spreadsheet</strong><br />
                @foreach($customer_export_cols as $col)
                    <label for="include_col_{{$col}}">{{$col}}</label>
                    <input id="include_col_{{$col}}" type="checkbox" value="1"
                        name="include_cols[{{$col}}]" class="mr-3"
                        @if(empty($exclude_customer_cols[$col])) checked @endif />
                @endforeach
                <br />
                <button class="btn btn-primary" type="submit">
                    Export CSV
                </button>
            </form>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-1 col-0"></div>
    </div>
    @endif

</div>
@endsection

@section('script')
<script>

var bulk_selected = {};
$(document).ready(function() {

    $('body').on('change', '.bulk-check', function() {
        clickedBulk($(this).val(), $(this).prop('checked'));
    });

});

function clickedBulk(id, checked){
    id = Number(id);
    if(checked){
       if(id in bulk_selected) return;
       bulk_selected[id] = id;
       $('#bulk-selected').append('\
        <input type="hidden" name="leads[]" value="'+id+'" id="bulk-check-'+id+'" />\
       ');
    }else{
        if(id in bulk_selected){
            delete bulk_selected[id];
            $('#bulk-check-'+id).remove();
        }
    }
}

</script>
@endsection