@extends('admin.default')
@section('title', 'Admin | Customer`s Details')
@section('content')
@php
$permissions = getPermissions();
@endphp
<nav class="page-breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
        <li class="breadcrumb-item"><a href="{{ url()->previous() }}">Customers</a></li>
        <li class="breadcrumb-item active" aria-current="page">Customer's Details</li>
    </ol>
</nav>
<div data-spy="scroll" data-target="#customer-tabs" data-offset="0">
    <div class="row my-4">
        <div class="col-md-6">
            <h4 class="card-title" id="personal">Personal Details</h4>
        </div>
        <div class="col-md-6" style="text-align:right">
            <div class="row">
                <div class="col-md-10">
                    @if ($data->status != 'out_of_scope')

                    <form method="post" action="{{ route('userSetStatus', $data->id) }}" class="d-inline">
                        @csrf
                        @if (isset($permissions) && isset($permissions['out_of_scope_button']) &&
                        $permissions['out_of_scope_button'] == 1)
                        <button type="submit" class="btn btn-sm btn-outline-danger"><i class="mdi mdi-transfer"></i> Out
                            of Scope</button>
                        @endif
                    </form>

                    @endif
                </div>
                <div class="col-md-2">
                    @if ($data->status == 'pending_email_verification' || $data->status == 'pending_password')
                    <div class="navbar-content" id="option-dropdown">
                        <ul class="navbar-nav">
                            <li class="nav-item dropdown nav-profile">
                                <a class="nav-link dropdown-toggle" href="#" id="option-button" role="button"
                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    Options
                                </a>
                                <div class="dropdown-menu" aria-labelledby="option-button">
                                    <div class="dropdown-body">
                                        <ul class="profile-nav p-0 pt-1 pb-1">
                                            <li class="nav-item">
                                                <a href="{{ route('admin.resend.verification') }}" onclick="event.preventDefault();
                                            document.getElementById('resend-email-form').submit();">Resend
                                                    Email</a>
                                                <form id="resend-email-form"
                                                    action="{{ route('admin.resend.verification') }}" method="POST"
                                                    class="d-none">
                                                    @csrf
                                                    <input type="hidden" name="user_id" value="{{ $data->id }}">
                                                    <input type="hidden" name="adminResend" value="{{ true }}">
                                                </form>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="card col-md-12">
            <div class="card-body">
                <div class=" row">
                    @if (isset($data->status) && ($data->status == 'active' || $data->status == 'processing'))
                    <div class=" row">
                        <div class="col-md-2">
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input" id="customerStatus"
                                    {{ isset($data->status) && $data->status == 'active' ? 'checked' : '' }}>
                                <label class="custom-control-label pt-1 h5" for="customerStatus">{!!
                                    isset($data->status) && $data->status == 'active'
                                    ? '<span class="text-success">Active</span>'
                                    : '<span class="text-danger">' .
                                        $data->status .
                                        '</span>' !!}</label>
                            </div>
                        </div>
                    </div>
                    @endif
                    <div class="col">
                        <button class="btn btn-sm btn-outline-info btn-icon-text float-right" id="edit-customer-form">
                            <i width="12" height="12" data-feather="edit"></i> Edit Customer
                        </button>
                    </div>
                </div>
                <form method="post" class="form" action="{{ route('customerStore', [$data->id]) }}"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Title<sup class="text-danger">*</sup>:</label>
                        </div>
                        <div class="col-md-4">
                            <select type="text" class="form-control customer-select" name="title" id="title" required
                                disabled>
                                <option value="">Select Title</option>
                                <option value="Mr" {{ isset($data->title) && $data->title == 'Mr' ? 'selected' : '' }}>
                                    Mr
                                </option>
                                <option value="Ms" {{ isset($data->title) && $data->title == 'Ms' ? 'selected' : '' }}>
                                    Ms
                                </option>
                                <option value="Mrs"
                                    {{ isset($data->title) && $data->title == 'Mrs' ? 'selected' : '' }}>
                                    Mrs</option>
                                <option value="Miss"
                                    {{ isset($data->title) && $data->title == 'Miss' ? 'selected' : '' }}>
                                    Miss</option>
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label>First Name<sup class="text-danger">*</sup>:</label>
                        </div>
                        <div class="col-md-4">
                            <input type="text" class="form-control customer-input" name="first_name" id="first_name"
                                placeholder="First Name" value="{{ isset($data->first_name) ? $data->first_name : '' }}"
                                required readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Last Name<sup class="text-danger">*</sup>:</label>
                        </div>
                        <div class="col-md-4">
                            <input type="text" class="form-control border customer-input" name="last_name"
                                id="last_name" placeholder="Last Name"
                                value="{{ isset($data->last_name) ? $data->last_name : '' }}" required readonly>
                        </div>
                        <div class="col-md-2">
                            <label>Date of Birth<sup class="text-danger">*</sup>:</label>
                        </div>
                        <div class="col-md-4">
                            <input type="date" class="form-control customer-input" name="dob" id="dob"
                                value="{{ isset($data->customerDetail->dob) ? $data->customerDetail->dob : '' }}"
                                required readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Email<sup class="text-danger">*</sup>:</label>
                        </div>
                        <div class="col-md-4">
                            <input type="email" class="form-control" name="email" id="email" placeholder="Email"
                                value="{{ isset($data->email) ? $data->email : '' }}" required readonly>
                        </div>
                        <div class="col-md-2">
                            <label>Mobile No<sup class="text-danger">*</sup>:</label>
                        </div>
                        <div class="col-md-4">
                            <div class="input-group">
                                <div class="input-group-prepend w-50">
                                    <select class="customer-select" name="countryMobileCode" id="countryMobileCode"
                                        required disabled>
                                    </select>
                                </div>
                                                                <input type="text" class="form-control customer-input" name="mobile_number"
                                    id="mobile_number" placeholder="Mobile Number"
                                    value="{{ isset($customer_mobile[2]) ? $customer_mobile[2] : (isset($customer_mobile[1]) ? $customer_mobile[1] : $customer_mobile[0]) }}"
                                    required readonly>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Country<sup class="text-danger">*</sup>:</label>
                        </div>
                        <div class="col-md-4">
                            <select class="js-example-basic-single form-control w-100 customer-select" name="country_id"
                                id="country_id" required disabled>
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label>City<sup class="text-danger">*</sup>:</label>
                        </div>
                        <div class="col-md-4">
                            <span id="selected_city" class="selected_city"></span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Citizenship<sup class="text-danger">*</sup>:</label>
                        </div>
                        <div class="col-md-4">
                            <select class="js-example-basic-single customer-select" name="citizen_country_id"
                                id="citizen_country_id" required disabled>
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label>Post Code<sup class="text-danger">*</sup>:</label>
                        </div>
                        <div class="col-md-4">
                            <input class="typeahead form-control customer-input" name="postCode" id="postCode"
                                type="text" placeholder="Post Code" onkeyup="getCity()"
                                value="{{ isset($data->postCode->name) ? $data->postCode->name : '' }}" required
                                readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-2">
                            <label>Street No. / Name<sup class="text-danger">*</sup>:</label>
                        </div>
                        <div class="col-md-4">
                            <input type="text" class="form-control customer-input" name="street_address"
                                id="street_address" placeholder="Street Number / Name"
                                value="{{ isset($data->customerDetail->street_address) ? $data->customerDetail->street_address : '' }}"
                                maxlength="155" required readonly>
                        </div>
                        <div class="col-md-2">
                            <label>House No. / Name<sup class="text-danger">*</sup>:</label>
                        </div>
                        <div class="col-md-4">
                            <input type="text" class="form-control customer-input" name="house_number" id="house_number"
                                placeholder="House Number / Name"
                                value="{{ isset($data->customerDetail->house_number) ? $data->customerDetail->house_number : '' }}"
                                maxlength="155" required readonly>
                        </div>
                    </div>
                    <input type="hidden" class="form-control" name="user_id"
                        value="{{ isset($data->id) ? $data->id : '' }}" required>
                    <div class="form-group row" id="customer-save" style="display:none">
                        <div class="col-md-12">
                            @if (isset($permissions) && isset($permissions['personal_detail_save']) &&
                            $permissions['personal_detail_save'] == 1)
                            <button type="submit" class="btn btn-info text-white float-right " id="save" value="Save">
                                <span class="mr-2" id="save_text">
                                    <i width="15" height="15" class="link-icon" data-feather="check-square"></i>
                                    Save Personal Details</span>
                                <div class="spinner-border spinner-border-sm text-primary float-right" id="loader"
                                    style="display:none" role="status">
                                    <span class="sr-only">Loading...</span>
                                </div>
                            </button>
                            @endif
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="row my-4" id="kyc">
    <div class="col-md-12 d-table-row">
        <h4 class="card-title" id="kyc">KYC</h4>
        <div class="card">
            <div class="card-body">
                @if (isset($data->response['kyc']) && !empty($data->response['kyc']))
                <div class="row">
                    <div class="col-md-12">
                        <ul class="text-danger font-weight-bold">
                            @foreach ($data->response['kyc'] as $key => $value)
                            <li>{{ $value }}</li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                @else