@extends('layouts.master')

@section('page_title', 'Customer Report')
@section('title', 'Customer Report')
@section('main_item', 'Reports')
@section('sub_item', 'Customer Report')

@section('content')
    <div class="col-12">
        <div class="card">
                <div id="accordion">
                    <div class="border-bottom card-header" style="background-color: white; cursor: pointer;" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                        <h4 class="mb-0 header-title">
                            Filter
                        </h4>
                    </div>
                <div id="collapseOne" class="collapse show mt-3" aria-labelledby="headingOne" data-parent="#accordion">
                    <div class="card-body">
                        <form action="{{ route('customer.details') }}" method="get" id="filter_form">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label style="font-weight: bold" for="">Customer Name</label>
                                        <input id="customer_name" name="customer_name" type="text" class="form-control"
                                            placeholder="Search for Customer Name..." aria-label="Search for Customer Name..."
                                            value="{{ request('customer_name') }}">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label style="font-weight: bold" for="">Customer Mobile Number</label>
                                        <input id="mobile" name="mobile" type="number" class="form-control"
                                            placeholder="Search for Customer Mobile Number..."
                                            aria-label="Search for Customer Mobile Number..." value="{{ request('mobile') }}">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label style="font-weight: bold" for="">Product </label>
                                        <select class = "form-control select2" name="product_id" id="product_list"
                                            style="color:black; font-weight:bold">
                                            <option value=""> Choose Product </option>
                                            @foreach ($products as $product)
                                                <option value="{{ $product->id }}"
                                                    @if (request('product_id') == $product->id) selected @endif>
                                                    {{ $product->product_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label style="font-weight: bold" for="district_filter"> District </label>
                                        <select class = " form-control select2" name="district_id" id="district_list"
                                            style="color:black; font-weight:bold">
                                            <option value=""> Choose District </option>
                                            @foreach ($district as $districts)
                                                <option value="{{ $districts->id }}"
                                                    @if (request('district_id') == $districts->id) selected @endif>
                                                    {{ $districts->name_en }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="resource_filter" style="font-weight: bold">Resources</label>
                                        <select class="form-control select2" id="resources" name="resources"
                                            placeholder="Choose Resources">
                                            <option value="">Choose Resources</option>
                                            <option value="whats_app" @if (request('resources') == 'whats_app') selected @endif>WhatsApp
                                            </option>
                                            <option value="face_book_leeds" @if (request('resources') == 'face_book_leeds') selected @endif>
                                                Facebook Leads</option>
                                            <option value="face_book_massenger" @if (request('resources') == 'face_book_massenger') selected @endif>
                                                Facebook Massenger</option>
                                            <option value="bulk_order" @if (request('resources') == 'bulk_order') selected @endif>Bulk
                                                Order</option>
                                            <option value="daraz" @if (request('resources') == 'daraz') selected @endif>Daraz
                                            </option>
                                            <option value="voucher" @if (request('voucher') == 'voucher') selected @endif>Voucher
                                                Order
                                            </option>
                                            <option value="tamil_order" @if (request('resources') == 'tamil_order') selected @endif>Tamil
                                                Order
                                            </option>
                                            <option value="follow_up" @if (request('resources') == 'follow_up') selected @endif>Follow Up
                                            </option>
                                            <option value="call_order" @if (request('resources') == 'call_order') selected @endif>Call
                                                Order
                                            </option>
                                            <option value="missed_call" @if (request('resources') == 'missed_call') selected @endif>Missed
                                                Call
                                            </option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label style="font-weight: bold" for="supplier">Call Status</label>
                                        <select class="form-control select2" id="call_status" name="call_status">
                                            <option value="">All</option>
                                            <option value="pending" @if (request('call_status') == 'pending') selected @endif>Pending
                                            </option>
                                            <option value="confirm" @if (request('call_status') == 'confirm') selected @endif>Confirmed
                                            </option>
                                            <option value="not_confirm" @if (request('call_status') == 'not_confirm') selected @endif>Not
                                                Confirmed</option>
                                            <option value="cancel" @if (request('call_status') == 'cancel') selected @endif>Cancel
                                            </option>
                                            <option value="hold_oders" @if (request('call_status') == 'hold_oders') selected @endif>Hold
                                            </option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label style="font-weight: bold" for="supplier">Date Range</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control" name="dates" id="reportrange" readonly>
                                            <div class="input-group-append">
                                                <span class="input-group-text"><i class="dripicons-calendar"></i></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label style="font-weight: bold" for="order_count">Order Count</label>
                                        <input id="order_count" name="order_count" type="text" class="form-control"
                                            placeholder="Search for..." aria-label="Search for..."
                                            value="{{ request('order_count') }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3" @if ($setting->business_location != '1') style="display: none" @endif>
                                <div class="form-group">
                                    <label class="required" style="font-weight: bold">Business Location</label>
                                    <select class="form-control custom-select" id="business_location_id" name="business_location_id">
                                        <option value="">All</option>
                                        @if (Auth::user()->role_id == '1')
                                            @foreach ($users_access_location as $business_location)
                                                @if ($business_location->is_active == '1')
                                                    <option value="{{ $business_location->id }}" {{ request('business_location_id') == $business_location->id ? 'selected' : '' }}>
                                                        {{ $business_location->name }}
                                                    </option>
                                                @else
                                                @endif
                                            @endforeach
                                        @else
                                            @foreach ($users_access_location as $business_location)
                                                @if ($business_location->is_active == '1')
                                                    <option value="{{ $business_location->business_location_id }}" {{ request('business_location_id') == $business_location->business_location_id ? 'selected' : '' }}>
                                                        {{ $business_location->name }}
                                                    </option>
                                                @else
                                                @endif
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div>
                                <button class="btn btn-primary px-5 py-2 submit-filters" id="filter">Filter</button>
                                <a href="{{ route('customer.details') }}" class="btn btn-danger px-5 py-2">Reset</a>
                            </div>

                            <input type="hidden" name="data_type" id="data_type" value="">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
            <div class="col-12 mt-2">
                <div class = "card">
                    <div class="card-body">
                        <div style="margin-bottom: 5px">
                            <a href="{{ route('customer.details') }}"
                                class="btn btn-primary float-right px-5 py-2 submit-filters" data-type="excel">Download
                                Excel</a>
                        </div>
                        <h4 class="header-title mt-2">customer Details</h4>
                        <table id="laravel_datatable" class="table table-hover" >
                            <thead class="thead-dark">
                                <tr>
                                    <th>
                                        Name
                                    </th>
                                    <th>
                                        Mobile Number 1
                                    </th>
                                    <th>
                                        Mobile Number 2
                                    </th>
                                    <th>
                                        District Name
                                    </th>
                                </tr>
                            </thead>
                            <tbody id="table-body">
                                @foreach ($joinDatas as $joinData)
                                    <tr>
                                        <td>{{ $joinData->customer->name }}</td>
                                        <td>{{ $joinData->mobile }}</td>
                                        <td>
                                            @if ($joinData->customer->mobile_2)
                                                {{ $joinData->customer->mobile_2 }}
                                            @else
                                                N/A
                                            @endif
                                        </td>
                                        <td>
                                            @if (!empty($joinData->customer->district->name_en))
                                                {{ $joinData->customer->district->name_en }}
                                            @else
                                                N/A
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <div class="d-flex justify-content-end">
                            {{ $joinDatas->appends($_GET)->links() }}
                        </div>
                        <div>
                            {{-- <span style="font-weight: bold">Total Count&nbsp;&nbsp;
                                {{ $count }}
                            </span> --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <input type="hidden" id="enable_today_date" value="{{ $setting->enable_today_date == '1' ? '1' : '0' }}">
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {
            var getUrlParameter = function getUrlParameter(sParam) {
                var sPageURL = decodeURIComponent(window.location.search.substring(1)),
                    sURLVariables = sPageURL.split('&'),
                    sParameterName,
                    i;
                for (i = 0; i < sURLVariables.length; i++) {
                    sParameterName = sURLVariables[i].split('=');

                    if (sParameterName[0] === sParam) {
                        return sParameterName[1] === undefined ? true : sParameterName[1];
                    }
                }
            };
            var report_date = getUrlParameter('dates');
            myString = report_date.split('+-+').join('/');
            var result = myString.split('/');

            var enableTodayDateForCallList = document.getElementById('enable_today_date').value;

            let ranges = {};

            if (enableTodayDateForCallList !== '1') {
                ranges['All Data'] = ['2020-01-01', moment()];
            }

            ranges['Today'] = [moment(), moment()];
            ranges['Yesterday'] = [moment().subtract(1, 'days'), moment().subtract(1, 'days')];
            ranges['Day before yesterday'] = [moment().subtract(2, 'days'), moment().subtract(2, 'days')];
            ranges['Last 7 Days'] = [moment().subtract(6, 'days'), moment()];
            ranges['Last 30 Days'] = [moment().subtract(29, 'days'), moment()];
            ranges['This Month'] = [moment().startOf('month'), moment().endOf('month')];
            ranges['Last Month'] = [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')];
            ranges['Last 6 Months'] = [moment().subtract(5, 'month'), moment()];

            $('#reportrange').daterangepicker({
                startDate: result[0],
                endDate: result[1],
                ranges: ranges,
                locale: {
                    format: 'Y-M-DD'
                }
            });
        });
        $(document).on('click', '.submit-filters', function(e) {
            e.preventDefault()
            let data_type = $(this).data('type');
            $('#data_type').val(data_type);
            $('#filter_form').submit();
        });
    </script>
@endsection