@extends('layouts.master')

@section('page_title', 'Customer Details')
@section('title', 'Customer Details')
@section('main_item', 'Customer')
@section('sub_item', 'Customer Details')

@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="{{ url('customers/new/index') }}" method="get" id="filter_form">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label style="font-weight: bold" for="supplier">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="supplier">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="label">Customer Label</label>
                            <select id="label" name="label" class="form-control">
                                <option value="">All</option>
                                <option value="one_time_order">One Time Order</option>
                                <option value="more_than_one_order">More Than One Order</option>
                                <option value="premium">Premium</option>
                                <option value="banned">Banned</option>
                                <option value="fake">Fake Customer (Not Banned)</option>
                                <option value="permanent">Permanent Customer</option>
                                <option value="outlet">Outlet</option>
                                <option value="no_order">No Paid Order</option>
                            </select>
                        </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="number" class="form-control"
									placeholder="Filter by Order Count..." aria-label="Filter by Order Count"
									value="{{ request('order_count') }}">
							</div>
						</div>
                        {{-- <div class="col-md-3">
                            <div class="form-group">
                                <label style="font-weight: bold" for="supplier">Business Location</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" hidden>
                            <div class="form-group">
                                <label style="font-weight: bold" for="reportrange"> Date </label>
                                <div class="input-group">
                                    <input type="text" class="form-control" name="dates" id="reportrange"
                                        value="" readonly>
                                    <div class="input-group-append">
                                        <span class="input-group-text"><i class="dripicons-calendar"></i></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <button type="submit" class="btn btn-primary px-5 py-2 submit-filters" id="btn-search"
                            data-type="table">Filter</button>
                        <a href="{{ url('customers/new/index') }}" 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 >
                    <a href="{{ url('customers/new/index') }}"
                        class="btn btn-primary float-right px-5 py-2 submit-filters" data-type="excel">Download
                        Excel</a>
                </div>
                @can('customer_create')
                    <a href="{{ route('customers.create') }}">
                        <button class="btn btn-primary px-5 py-2 float-right mt-0 mb-3" style="margin-right: 10px"><i
                                class="mdi mdi-plus-circle-outline mr-2"></i>Add Customer</button>
                    </a>
                @endcan
                <h4 class="header-title mt-0">Customer Details</h4>
                <div class="table-responsive dash-social">
                    <table id="laravel_datatable" class="table table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th>Action</th>
                                <th>Name</th>
                                <th>Phone No</th>
                                <th>Phone No 2</th>
                                <th>Address</th>
                                <th>Order Count</th>
                                <th>Label</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($customers as $customer)
                                @php
                                    $paid_count = $customer->sales()->where('status', 'delivered')->count();
                                    $return_count = $customer->sales()->where('status', 'returned')->count();
                                   
                                @endphp
                                <tr>
                                    <td>
                                        <div class="dropdown">
                                            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                              Action
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                               
                                            <a href="{{ url('customers/' . $customer->id) }}" class="dropdown-item" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip-top"><i class=" fas fa-eye  text-primary font-16"></i> View</a>
                                             
                                                @if (auth()->user()->can('customer_edit'))
                                                    <a href="{{ url('customers/' . $customer->id . '/edit') }}" class="dropdown-item" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip-top"><i class="fas fa-edit text-success font-16"></i> Edit</a>
                                                @endif
                                                @if (auth()->user()->can('customer_delete'))
                                                    <a href="{{ url('customers/' . $customer->id . '/delete') }}" class="dropdown-item delete-contact"><i class="fas fa-trash-alt text-danger font-16"></i> Delete</a>
                                                @endif
                                                @if (auth()->user()->can('customer_edit'))
                                                    @if($paid_count > 1)
                                                    <a href="{{ url('customers/' . $customer->id . '/change-premium') }}" class="dropdown-item premium-contact" data-toggle="Change Premium" data-placement="top" title="" data-original-title="Tooltip-top"><i class="fas fa-star text-success font-16"></i> Change Premium</a>
                                                    @endif
                                                @endif
                                                <a href="{{ url('customers/' . $customer->id . '/banned-unbanned') }}" class="dropdown-item fake-contact" data-toggle="Change Fake" data-placement="top" title="" data-original-title="Tooltip-top"><i class="fas fa-ban text-danger font-16"></i> Mark as Fake</a> 
                                           
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        @if (!empty($customer->name))
                                            {{ $customer->name }}
                                        @endif
                                    </td>
                                    <td>{{ $customer->mobile }}</td>
                                    <td>

                                        @if (!empty($customer->mobile_2))
                                            {{ $customer->mobile_2 }}
                                        @else
                                            {{ $customer->landline }}
                                        @endif

                                    </td>
                                    <td>
                                        @php
                                            $address = $customer->landmark;
                                        @endphp
                                        {{ $address }}
                                    </td>
                                    <td>
                                        
                                        {{ $customer->sales->count() }}
                                    </td>
                                    <td>
                                       
															  
                                        @php
                                        
                                             
                                            
                                            if($paid_count > 1 && $paid_count <= 2) {
                                                 if($customer->is_default == 0){
                                                      $label = '<span class="badge badge-primary">More than one order</span>';
                                                       if($customer->is_default == 6){
                                                        $label = '<span class="badge badge-primary">More than one order</span> <br> <span class="badge badge-info">Outlet customer</span>';  
                                                        }
                                                 }else if($customer->is_default == 4){
                                                      $label = '<span class="badge badge-primary">Premium</span>';
                                                 }else if($customer->is_default == 2){
                                                      $label = '<span class="badge badge-danger">Banned</span>';     
                                                 }else{
                                                      $label = '<span class="badge badge-primary">More than one order</span>';
                                                      if($customer->is_default == 6){
                                                        $label = '<span class="badge badge-primary">More than one order</span> <br> <span class="badge badge-info">Outlet customer</span>';  
                                                        }
                                                 }
                                            } else if($customer->is_default == 2) {
                                                $label = '<span class="badge badge-danger">Banned</span>';  
                                            } else if($customer->is_default == 6) {
                                                $label = '<span class="badge badge-info">Outlet customer</span>'; 
                                            }else{
                                                if($paid_count > 2 ) {
                                                    
                                                if($customer->is_default == 0){
                                                      $label = '<span class="badge badge-primary">Permanent customer</span>';
                                                 }else if($customer->is_default == 4){
                                                      $label = '<span class="badge badge-primary">Premium</span>';
                                                 }else if($customer->is_default == 2){
                                                      $label = '<span class="badge badge-danger">Banned</span>';     
                                                 }else{
                                                    
                                                     $label = '<span class="badge badge-primary">Premium eligible</span>';
                                                     if($customer->is_default == 6){
                                                        $label = '<span class="badge badge-primary">Premium eligible</span> <br> <span class="badge badge-info">Outlet customer</span>';  
                                                     }
                                                 }

                                                
                                            }else if($paid_count == 1 && $return_count == 0 ){
                                                 $label = '<span class="badge badge-success">one time order</span>'; 
                                                 if($customer->is_default == 6){
                                                  $label = '<span class="badge badge-success">One time order</span> <br> <span class="badge badge-info">Outlet customer</span>';  
                                                 }
                                            }else if($paid_count == 0){
                                                $label = '<span class="badge badge-warning">No paid order yet</span>';
                                                if($customer->is_default == 6){
                                                  $label = '<span class="badge badge-warning">no paid order yet</span> <br><span class="badge badge-info">Outlet customer</span>';  
                                                 }
											}else{
                                                $label = '';
                                            }
                                        }
                                        @endphp
                                        {!! $label !!}
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="d-flex justify-content-end">
                        {{ $customers->appends($_GET)->links() }}
                    </div>
                    <div>
                        <span style="font-weight: bold">Total Count&nbsp;&nbsp;
                            {{ $count }}
                        </span>
                    </div>
                </div>
            </div>
            <!--end card-body-->
        </div>
        <!--end card-->
    </div>

@endsection

@section('scripts')

    <script>
        $(document).on('click', '.delete-contact', function(e) {
            e.preventDefault();
            var url = $(this).attr('href');
            Swal.fire({
                title: 'Are you sure?',
                text: "You won't be able to revert this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, delete it!'
            }).then((result) => {
                if (result.value) {
                    $.ajax({
                        type: "GET",
                        url: url,
                        success: function(response) {
                            if (response.success == 1) {
                                $.toast({
                                    heading: 'Success',
                                    text: response.msg,
                                    position: 'top-right',
                                    bgColor: '#1ecab8',
                                    icon: 'success',
                                    showHideTransition: 'fade',
                                    loaderBg: '#ecf0f1'
                                })
                            document.location.reload();
                            } else {
                                $.toast({
                                    heading: 'Error',
                                    text: response.msg,
                                    position: 'top-right',
                                    bgColor: '#f1646c',
                                    icon: 'error',
                                    showHideTransition: 'fade',
                                    loaderBg: '#ecf0f1'
                                })
                            }

                        }
                    });
                }
            })
        });
        $(document).on('click', '.premium-contact', function(e) {
            e.preventDefault();
            var url = $(this).attr('href');
            Swal.fire({
                title: 'Are you sure?',
                text: "You need to be premium or unpremium",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, premium or unpremium! '
            }).then((result) => {
                if (result.value) {
                    $.ajax({
                        type: "GET",
                        url: url,
                        success: function(response) {
                            if (response.success == 1) {
                                $.toast({
                                    heading: 'Success',
                                    text: response.msg,
                                    position: 'top-right',
                                    bgColor: '#1ecab8',
                                    icon: 'success',
                                    showHideTransition: 'fade',
                                    loaderBg: '#ecf0f1'
                                })
                            document.location.reload();
                            } else {
                                $.toast({
                                    heading: 'Error',
                                    text: response.msg,
                                    position: 'top-right',
                                    bgColor: '#f1646c',
                                    icon: 'error',
                                    showHideTransition: 'fade',
                                    loaderBg: '#ecf0f1'
                                })
                            }

                        }
                    });
                }
            })
        });
        $(document).on('click', '.fake-contact', function(e) {
            e.preventDefault();
            var url = $(this).attr('href');
            Swal.fire({
                title: 'Are you sure?',
                text: "You need to be banned or unbanned",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, banned or unbanned! '
            }).then((result) => {
                if (result.value) {
                    $.ajax({
                        type: "GET",
                        url: url,
                        success: function(response) {
                            if (response.success == 1) {
                                $.toast({
                                    heading: 'Success',
                                    text: response.msg,
                                    position: 'top-right',
                                    bgColor: '#1ecab8',
                                    icon: 'success',
                                    showHideTransition: 'fade',
                                    loaderBg: '#ecf0f1'
                                })
                            document.location.reload();
                            } else {
                                $.toast({
                                    heading: 'Error',
                                    text: response.msg,
                                    position: 'top-right',
                                    bgColor: '#f1646c',
                                    icon: 'error',
                                    showHideTransition: 'fade',
                                    loaderBg: '#ecf0f1'
                                })
                            }

                        }
                    });
                }
            })
        });
        
        $(function() {
            $('[data-toggle="tooltip"]').tooltip()
        })
        $(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