@extends('layouts.master')

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

@section('content')

    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h4 class="header-title mt-0">Customer Information</h4>
                <div class="row">
                    <div class="col-md-4">
                        <div class="card  card-light">
                            <div class="card-body">
                                <p class="lead font-weight-bold mb-1">{{ $customer->name }}</p>
                                <p class="lead font-weight-bold mb-1">Address</p>
                                <p class="mb-0">{{ $customer->landmark }}</p>
                                @if ($customer->city || $customer->other_city)
                                    @if ($customer->city_id->name_en != 'Other')
                                        <p class="mb-0">{{ $customer->city_id->name_en }}</p>
                                    @else
                                        <p class="mb-0">{{ $customer->other_city }}</p>
                                    @endif
                                @endif
                                @if ($customer->district_id != 0)
                                    <p class="mb-0">{{ $customer->district->name_en }}</p>
                                @endif
                                <p class="mb-0">{{ $customer->state }}</p>
                                @if ($customer->country_id)
                                    <p class="mb-0">{{ $customer->country->nicename }}</p>
                                @endif
                                <p class="lead font-weight-bold mb-1">{{ $customer->business_name }}</p>
                                <p class="lead font-weight-bold mb-1">Mobile</p>
                                <p class="mb-0">{{ $customer->mobile }}</p>
                                <p class="mb-0">{{ $customer->mobile_2 }}</p>
                                <p class="mb-0">{{ $customer->landline }}</p>
                                {{-- <p class="lead font-weight-bold mb-1">Business Location</p>
                                @php
                                    $location_ids = App\UserHasBusinessLocation::get();
                                @endphp
                                @foreach ($location_ids as $location_id)
                                    @if ($location_id->id == $customer->location_id)
                                        {{ $location_id->name }}
                                    @endif
                                @endforeach --}}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card  card-light">
                            <div class="card-body">
                                <p class="lead font-weight-bold mb-0 text-primary">Sales Value</p>
                                <p class="lead font-weight-bold">Rs
                                    {{ number_format($customer->sales->sum('invoice_nettotal'), 2) }}</p>
                                <p class="lead font-weight-bold mb-0 text-primary"> Return Value</p>
                                <p class="lead font-weight-bold">Rs {{ number_format($sale_returns, 2) }}</p>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card  card-light">
                            <div class="card-body">
                                <p class="lead font-weight-bold mb-0 text-primary">Total Sale</p>
                                <p class="lead font-weight-bold">Rs
                                    {{ number_format($customer->sales->sum('invoice_nettotal') - $sale_returns, 2) }} </p>
                            </div>
                            <!--end card-body-->
                        </div>
                    </div>
                </div>
            </div>
            <!--end card-body-->
        </div>
        <!--end card-->
    </div>
    <div class="col-12">
        <div class="card">
            <div class="card-body">

                <h4 class="header-title mt-0">Sale Summery</h4>
                <div class="table-responsive dash-social">
                    <table id="datatable" class="table table-striped">
                        <thead class="thead-dark">
                            <tr>
                                <th>Date</th>
                                <th>Invoice</th>
                                <th>Waybill No</th>
                                <th>Total Amount</th>
                                <th>Call Status</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($customer->sales->where('sale_type', 'order') as $sale)
                                <tr>
                                    <td>{{ explode(' ', $sale->sale_date)[0] }}</td>
                                    <td>#{{ $sale->invoice_no }}</td>
                                    <td>
                                        @if ($sale->waybill_no)
                                            {{ $sale->waybill_no }}
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                    <td>{{ number_format($sale->invoice_nettotal, 2) }}</td>
                                    <td>
                                        @if ($sale->call_status == 'pending')
                                            <span class="badge badge-soft-warning">Pending</span>
                                        @elseif($sale->call_status == 'confirm')
                                            <span class="badge badge-soft-success">Confirm</span>
                                        @elseif($sale->call_status == 'not_confirm')
                                            <span class="badge badge-soft-secondary">Not Confirm</span>
                                        @elseif($sale->call_status == 'cancel')
                                            <span class="badge badge-soft-danger">Cancel Order</span>
                                        @elseif($sale->call_status == 'hold_oders')
                                            <span class="badge badge-soft-primary" style="background: #0DFF5D;">Hold
                                                Order</span>
                                        @else
                                            <span class="badge badge-soft-info">Delivered</span>
                                        @endif
                                        @if ($sale->call_status != 'cancel')
                                            <a href="javascript:void(0)" id="call_change_status"
                                                data-href="{{ route('oder.call_change_status', $sale->id) }}"
                                                class="mr-2 dropdown-item"> <i
                                                    class="fa fa-edit text-success font-16"></i></a>
                                            @if ($sale->call_status == 'duplicate')
                                                <span class="badge badge-danger">Duplicate</span>
                                            @endif
                                        @endif
                                    </td>
                                    <td>
                                        @if ($sale->status == 'pending')
                                            <span class="badge badge-soft-primary">Pending</span>
                                        @elseif($sale->status == 'dispatched')
                                            <span class="badge badge-soft-success">Dispatched</span>
                                        @elseif($sale->status == 'returned')
                                            <span class="badge badge-soft-danger">Returned</span>
                                        @elseif ($sale->status == 'canceled')
                                            <span class="badge badge-danger">Canceled</span>
                                        @else
                                            <span class="badge badge-soft-info">Delivered</span>
                                        @endif
                                    </td>
                                    <td>
                                        <a href="{{ url('orders/' . $sale->id) }}" target="_blank" class="mr-2"
                                            data-toggle="tooltip" data-placement="top" title="Show Order"><i
                                                class="fas fa-eye  text-primary font-16"></i></a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            <!--end card-body-->
        </div>
        <!--end card-->
    </div>
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h4 class="header-title mt-0">Sales Return</h4>
                <div class="table-responsive dash-social">
                    <table id="datatable" class="table">
                        <thead class="thead-dark">
                            <tr>
                                <th>Return Date</th>
                                <th>Reference Number</th>
                                <th>Waybill No</th>
                                <th>Return Reason</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($customer->salesReturns as $item)
                                <tr>
                                    <td>{{ $item->return_date }}</td>
                                    <td>{{ $item->ref_no }}</td>
                                    <td>{{ $item->sale->waybill->waybill_no ?? '' }}</td>
                                    <td>
                                        @if ($item->return_reason == 'delivery_issue')
                                            Delivery Issue
                                        @elseif ($item->return_reason == 'delivery_damage')
                                            Delivery Damage
                                        @else
                                            Other
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            <!--end card-body-->
        </div>
        <!--end card-->
    </div>
    <div id="call-change-status" class="modal fade"></div>
@endsection

@section('scripts')
    <script>
        $(document).on('click', '#call_change_status', function() {
            $('#call-change-status').load($(this).data('href'), function() {
                $('#mdate3').bootstrapMaterialDatePicker({
                    weekStart: 0,
                    time: false
                });
                $('#mdate3').val(moment(new Date()).format("YYYY-MM-DD"));
                $('#call-change-status').modal('show');
            })
        });

        $(document).on('change', '#call_status', function() {
            let val = $(this).val();

            if (val === 'hold_oders') {
                $('.response').attr('hidden', true);
                $('.call_date').attr('hidden', false);
            } else {
                $('.response').attr('hidden', false);
                $('.call_date').attr('hidden', true);
                $('.next_call_date').val('');
            }

            if (val === 'confirm' || val === 'cancel' || val === 'not_confirm') {
                $('#call_status_sms').prop('checked', true);
                $("#call_status_sms").prop("disabled", false);
            } else {
                $('#call_status_sms').prop('checked', false);
                $("#call_status_sms").prop("disabled", true);
            }
        })

        $(document).on('click', '#change_call_status', function() {
            let call_status = $('#call_status').val();
            let call_status_reason = $('#call_status-reson').val();
            let next_call_date = $('.next_call_date').val();
            let id = $('#sale_id').val();
            let remark = $('#remark').val();
            var call_status_sms = "0";
            if ($('#call_status_sms').prop("checked") == true) {
                call_status_sms = "1";
            }
            let url = "{{ route('call-status.update-status') }}";
            $.ajax({
                method: 'POST',
                url: url,
                data: {
                    "_token": "{{ csrf_token() }}",
                    'call_status': call_status,
                    'id': id,
                    'remark': remark,
                    'call_status_reason': call_status_reason,
                    'next_call_date': next_call_date,
                    'call_status_sms': call_status_sms
                },
                success: function(response) {
                    if (response == 'ok') {
                        $('#new_change_call_status').modal('hide');
                        document.location.reload();
                    }
                }
            });
        });
    </script>
@endsection