@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="Contacts"
        rowclass="my-5"/>

    @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">
            <a href="/bulk_get_lat_lon" class="btn btn-primary"
                title="Gets the lat and lon coords for addresses on the system"
                onclick="return confirm('This action can take a very long time');">
                Bulk update lat / lon
            </a>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-1 col-0"></div>
    </div>
    @endif

    @php
    /*
    $filter_fields = [
        'id' => ['type' => 'text'],
        'fullname' => ['type' => 'text'],
        'voucher_consent' => ['type' => 'select', 'title' => 'voucher', 'options' => config('enum.voucher_consent_states')],
        'install_state' => ['type' => 'select', 'title' => 'install', 'options' => $install_states],
        'getEmail' => ['type' => 'text'],
        'getArea+id' => ['type' => 'select', 'title' => 'area', 'options' => $areas],
        'address+address_line_1' => ['type' => 'text'],
        'address+postcode' => ['type' => 'text'],
        'address+telephone' => ['type' => 'text'],
        'gpon_sn' => ['type' => 'text'],
        'mac' => ['type' => 'text'],
    ];

    <div class="row">
        <div class="col-12">
            <h5>Filter by</h5>
        </div>
    </div>

    <x-listfilter
        cname="view_leads" :fields="$filter_fields" />

    */
    @endphp


    <div class="row">
        <div class="col-12">
            {!! Form::open(['route' => 'view_leads', 'method' => 'get']) !!}
            <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>
            {!! Form::close() !!}
        </div>
    </div>

    <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.
                        </th>
                    @endif
                </tbody>
            </table>
        </div>
    </div>

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

    @endif

    @if(auth()->user() && auth()->user()->isPermitted("director"))
    <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