@extends('layouts.admin-new')

@section('content')
<main class="main">
    <!-- Breadcrumb -->
    <ol class="breadcrumb">
        <li class="breadcrumb-item">Home</li>
        <li class="breadcrumb-item"><a href="{{route('admin.users.index')}}">Users</a></li>
        <li class="breadcrumb-item active">{{$user->reference}}</li>
    </ol>

    <div class="container-fluid">

        <div class="animated fadeIn">
            @if ($errors->any())
            <div class="row justify-content-center">
                <div class="col-sm-6">
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
            @endif
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            User Summary
                            <span class="pull-right">
                                @if($user->is_active)
                                <span class="text-success">Active</span>
                                @else
                                <span class="text-danger">Inactive</span>
                                @endif
                            </span>
                        </div>
                        <div class="card-body">
                            <div class="card-group mb-4">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="h1 text-muted text-right mb-4">
                                            <i class="icon-diamond"></i>
                                        </div>
                                        <div class="h4 mb-0">{{$user->loanRequests()->count()}}</div>
                                        <small class="text-muted text-uppercase font-weight-bold">Loan Request(s)</small>
                                    </div>
                                </div>

                                <div class="card">
                                    <div class="card-body">
                                        <div class="h1 text-muted text-right mb-4">
                                            <i class="icon-speedometer"></i>
                                        </div>
                                        <div class="h4 mb-0">{{$user->receivedLoans()->count()}}</div>
                                        <small class="text-muted text-uppercase font-weight-bold">Loan(s)</small>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-body">
                                        <div class="h1 text-muted text-right mb-4">
                                            <i class="icon-layers"></i>
                                        </div>
                                        @if($user->phone_verification && $user->personalProfileIsComplete() && $user->familyProfileIsComplete())
                                        <div class="h4 mb-0 text-success"><i class="icon-check"></i></div>
                                        @else
                                        <div class="h4 mb-0 text-warning"><i class="icon-close"></i></div>
                                        @endif
                                        <small class="text-muted text-uppercase font-weight-bold">Profile Status</small>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-body">
                                        <div class="h1 text-muted text-right mb-4">
                                            <i class="icon-credit-card"></i>
                                        </div>
                                        <div class="h4 mb-0">₦ {{number_format($user->wallet, 0)}}</div>
                                        <small class="text-muted text-uppercase font-weight-bold">Wallet Balance</small>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-body">
                                        <div class="h1 text-muted text-right mb-4">
                                            <i class="icon-lock"></i>
                                        </div>
                                        <div class="h4 mb-0">₦ {{number_format($user->escrow, 0)}}</div>
                                        <small class="text-muted text-uppercase font-weight-bold">Escrow Balance</small>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="card-footer">
                            <div class="row">
                                <div class="col-sm-4">
                                    {{--
                                    <a href="{{ route('admin.sweep.borrower', ['user' => $user->reference]) }}" class="btn btn-info btn-sm">
                                    Sweep {{$user->name}}'s Loans
                                    </a>
                                    --}}
                                </div>
                                <div class="col-sm-8 text-right">
                                  <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#salaryNow">
                                  <i class="fa fa-link"></i>Quick Cash Loan Permission
                                  </button>
                                  <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#upgrade">
                                  <i class="fa fa-link"></i>Upgrade User
                                  </button>
                                  <button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#refund">
                                  <i class="fa fa-money"></i>Refund
                                  </button>

                                    @if(!$user->staff_id)
                                    <button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#assignStaff">
                                        <i class="fa fa-link"></i>
                                        Assign Staff
                                    </button>
                                    @else
                                    <a href="{{route('admin.staff.view', ['reference' => App\Models\Staff::find($user->staff_id)->reference])}}" class="btn btn-sm btn-primary">
                                        <i class="icon-eye"></i>
                                        View Staff
                                    </a>
                                    @endif
                                    @if($user->is_active)
                                    <a href="{{route('admin.users.toggle', ['user_id' => encrypt($user->id)])}}" onclick="return confirm('Are you sure you want to disable this user?');" class="btn btn-sm btn-warning"><i class="icon-close"></i> Disable</a>
                                    @else
                                    <a href="{{route('admin.users.toggle', ['user_id' => encrypt($user->id)])}}" onclick="return confirm('Are you sure you want to enable this user?');" class="btn btn-sm btn-success"><i class="icon-check"></i> Enable</a>
                                    @endif
                                    <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#topUpWallet">
                                        <i class="fa fa-money"></i>Topup Wallet Ballance
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--/.col-->
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            User Details
                            <div class="avatar">
                                <img src="{{$user->avatar}}" class="img-avatar" alt="Avatar">
                                <span class="avatar-status badge-success"></span>
                            </div>
                            <span class="pull-right">
                                @if($user->is_active)
                                <span class="text-success">Active</span>
                                @else
                                <span class="text-danger">Inactive</span>
                                @endif
                            </span>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-sm-4">
                                    <div class="card">
                                        <div class="card-header">
                                            <i class="fa fa-user text-success"></i> Personal Info
                                        </div>
                                        <div class="card-body">
                                            <ul class="list-group">
                                                <li class="list-group-item">
                                                    Name: <strong>{{$user->name}}</strong>
                                                </li>
                                                <li class="list-group-item">
                                                    Email: <strong>{{$user->email}}</strong>
                                                </li>
                                                <li class="list-group-item">
                                                    Phone: <strong>{{$user->phone}}</strong>
                                                </li>
                                                <li class="list-group-item">
                                                    Address: <strong>{{$user->address}}</strong>
                                                </li>

                                                <li class="list-group-item">
                                                    LGA: <strong>{{$user->lga}}</strong>
                                                </li>
                                                <li class="list-group-item">
                                                    City, State: <strong>{{$user->city}}, {{$user->state}}</strong>
                                                </li>

                                                <li class="list-group-item dropdown-header text-center">
                                                    <b>DOCUMENTS</b>
                                                </li>
                                                <li class="list-group-item">
                                                    Passport &nbsp;&nbsp;<a target="_blank" href="{{$user->passport}}" class="badge badge-success">view</a>
                                                </li>
                                                <li class="list-group-item">
                                                    Govt. ID &nbsp;&nbsp;<a target="_blank" href="{{$user->govt_id_card}}" class="badge badge-primary">view</a>
                                                </li>
                                            </ul>
                                            <button class="btn mt-2 btn-sm btn-danger text-center" data-toggle="modal" data-target="#update-user-info"> <i class="fa fa-edit"></i> Update</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="card">
                                        <div class="card-header">
                                            <i class="fa fa-users text-success"></i> Family Info
                                        </div>
                                        <div class="card-body">
                                            <ul class="list-group">
                                                <li class="list-group-item">
                                                    Marital Status:
                                                    <strong>
                                                        @switch($user->marital_status)
                                                        @case(1)
                                                        Single
                                                        @break
                                                        @case(2)
                                                        Married
                                                        @break
                                                        @case(3)
                                                        Divorced
                                                        @break
                                                        @case(4)
                                                        Widowed
                                                        @break
                                                        @default
                                                        N/A
                                                        @endswitch
                                                    </strong>
                                                </li>
                                                <li class="list-group-item">
                                                    No of Children: <strong>{{$user->no_of_children}}</strong>
                                                </li>
                                                <li class="list-group-item">
                                                    Next of Kin: <strong>{{$user->next_of_kin}}</strong>
                                                </li>
                                                <li class="list-group-item">
                                                    Address: <strong>{{$user->next_of_kin_address}}</strong>
                                                </li>

                                                <li class="list-group-item">
                                                    Phone Number: <strong>{{$user->next_of_kin_phone}}</strong>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4">

                                </div>
                            </div>

                        </div>
                        <div class="card-footer text-right">

                        </div>
                    </div>
                </div>
                <!--/.col-->
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            User Employments
                        </div>
                        <div class="card-body">
                            <div class="row">

                                @foreach($user->employments()->latest()->get() as $employment)
                                <div class="col-sm-6 col-md-4">
                                    <div class="card">
                                        <div class="card-header">
                                            @if($employment->is_current)
                                            <i class="fa fa-briefcase text-success"></i>
                                            @else
                                            <i class="fa fa-briefcase"></i>
                                            @endif
                                            {{$employment->position}} - {{$employment->department}} Department
                                        </div>
                                        <div class="card-body">
                                            <ul class="list-group">
                                                <li class="list-group-item">
                                                    Date Employed: <b>{{$employment->date_employed}}</b>
                                                </li>
                                                <li class="list-group-item">
                                                    Net Salary: <b>{{$employment->net_pay}}</b>
                                                </li>
                                                <!-- <li class="list-group-item">
                                                    Monthly Salary: <b>{{$employment->monthly_salary}}</b>
                                                </li> -->
                                                <li class="list-group-item">
                                                    Supervisor: <b>{{$employment->supervisor_name}}</b>
                                                </li>
                                                <li class="list-group-item">
                                                    MDA: <b>{{$employment->mda}}</b>
                                                </li>
                                                <li class="list-group-item">
                                                    Pay Roll ID : <b>{{$employment->payroll_id}}</b>
                                                </li>
                                                <li class="list-group-item dropdown-header text-center">
                                                    <b>EMPLOYER</b>
                                                </li>
                                                                                                <li class="list-group-item">
                                                    Name: <b>{{$employer->name}}</b>
                                                </li>
                                                <li class="list-group-item">
                                                    Status:
                                                    <b>
                                                        @if($employer->is_verified === 3)
                                                        <span class="text-success">Verified</span>
                                                        @elseif($employer->is_verified === 1)
                                                        <span class="text-info">Undergoing Verification</span>
                                                        @elseif($employer->is_verified === 2)
                                                        <span class="text-danger">Verification Denied</span>
                                                        @else
                                                        <span class="text-warning">Not Verified </span>
                                                        @endif
                                                    </b>
                                                </li>
                                                <li class="list-group-item dropdown-header text-center">
                                                    <b>DOCUMENTS</b>
                                                </li>
                                                <li class="list-group-item">
                                                    Employment Letter &nbsp;&nbsp;<a target="_blank" href="{{$employment->employment_letter}}" class="badge badge-success">view</a>
                                                </li>
                                                <li class="list-group-item">
                                                    Confirmation Letter &nbsp;&nbsp;<a target="_blank" href="{{$employment->confirmation_letter}}" class="badge badge-primary">view</a>
                                                </li>
                                              LOAN RESTRUCTURE SECTION
  <li class="list-group-item">
                                                    Work ID Card &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a target="_blank" href="{{$employment->work_id_card}}" class="badge badge-warning">view</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="card-footer">
                                        
                                            <employment-update :employers="{{$employers}}" :employment="{{$employment}}" :csrf-token="'{{csrf_token()}}'" :url="'{{route('admin.employments.update', ['employment' => $employment->id])}}'" :is-admin={{true}}></employment-update>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="card-footer text-right">

                        </div>
                    </div>
                </div>
                <!--/.col-->
            </div>

            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="header-title">Refund logs </h4>
                            <span id="message"></span>
                            <div class="table-responsive mt-3">
                                <table id="order-listing" class="table table-striped table-borderless dt-responsive nowrap default-table m-0 p-0">
                                    <thead>
                                        <tr>
                                            <th>S/N</th>
                                            <th>Name</th>
                                            <th>Loan</th>
                                            <th>Amount</th>
                                            <th>Status</th>
                                            <th>Reason</th>
                                            <th>Date Created</th>
                                        </tr>
                                    </thead>
                                
                                    <tbody>
                                    @forelse($user->refunds as $index => $refund)
                                        <tr>
                                            <td>{{$index+1}}</td>
                                            <td>{{$user->name}}</td>
                                            <td>{{$refund->loanInfo->reference}}</td>
                                            <td>₦ {{number_format($refund->amount)}}</td>
                                            <td>
                                                @if($refund->status == 1)
                                                    <span class="badge badge-success">Approved</span>
                                                @elseif($refund->status == 2)
                                                    <span class="badge badge-danger">Rejected</span>
                                                @else

                                                @endif
                                            </td>
                                            <td>{{$refund->reason}}</td>
                                            <td>{{$refund->updated_at}}</td>
                                        </tr>
                                    @empty
                                    <td colspan="6"> No record found</td>
                                    @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div> <!-- end card-body -->
                    </div> <!-- end card -->
                </div> <!-- end col -->
            </div><!-- end row -->

            <div class="modal fade" id="assignStaff" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-sm" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title">Assign staff to user</h4><br>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                        </div>

                        <form method="post" action="{{route('admin.users.assign-staff')}}">
                            {{csrf_field()}}
                            <div class="modal-body">
                                <input type="hidden" name="type" value="users" />
                                <input type="hidden" name="user_id" value="{{$user->id}}" />
                                <label>Select a staff</label>
                                <div class="input-group mb-3">
                                    <span class="input-group-addon"><i class="icon-question"></i></span>
                                    <select name="staff_id" class="form-control" required>