@extends('layouts.app') 
@section('title', 'Account Management')
@section('breadcrumb')
    <style type="text/css">
        .textStyle {
            border: 1px solid #EDEADE;
            padding: 10px;
        }

    </style>
    <ol class="breadcrumb border-0 m-0 px-0 px-md-3">
        <li class="breadcrumb-item">Home</li>
        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Admin</a></li>
        <li class="breadcrumb-item"><a href="{{ route('admin.account') }}">Account Management</a></li>
        <li class="breadcrumb-item active">View Account</li>
    </ol>
@endsection
@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header" style="font-size:24px;">
                    <div class="float-left">
                        <strong>Customers Information:</strong>
                    </div>
                    <div class="float-right">
                        <button class="btn btn-info">Edit</button>
                        <button class="btn btn-info">Print Settings</button>
                        <button class="btn btn-info">Send Settings By E-mail</button>
                        <button class="btn btn-info">Send E-mail</button>
                        <button class="btn btn-info">Send SMS</button>
                    </div>
                </div>
                <form class="form-horizontal" action="" method="post">
                    @csrf
                    <div class="card-body">
                        <div class="fluid-container" style="margin:auto;width: 96%;">
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Account #
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    4654300
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Name
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    test1
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Address
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    Jaipur, Rajasthan
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    City 
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    Jaipur
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Postal Code 
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    302022
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    State
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    Rajasthan
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    GPS Coordinates
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    4.654300
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    E-mail
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    Radius@gmail.com
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Phone
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Mobile
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    09610398807
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    WWW
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="col-md-6 pl-5">
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Service Group
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    <strong>Rmt</strong>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Account Status
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    <strong>true</strong>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Created On
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    2022.10.04 22:21. IsaNet
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Account Type
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    <strong>Residentail</strong>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Client Portal Login
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    4654300
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Password
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    2145
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Last Edited
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    -
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Edited By
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    - name not set -
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Last Login
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    2022.10.04 - 22:25:44
                                                </div>
                                            </div>
                                        </div>
                                    </div>          
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header" style="font-size:24px;">
                    <div class="float-left">
                        <strong>Contacts:</strong>
                    </div>
                    <div class="float-right">
                        <button class="btn btn-info" data-toggle="modal" data-target="#exampleModal">Add</button>
                    </div>
                </div>
                <!-- <form class="form-horizontal" action="" method="post">
                    @csrf
                    <div class="card-body">
                        <div class="fluid-container" style="margin:auto;width: 96%;">
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-md-6">
                                            
                                        </div>
                                        <div class="col-md-6 pl-5">
                                            
                                        </div>
                                    </div>          
                                </div>
                            </div>
                        </div>
                    </div>
                </form> -->
            </div>
        </div>
    </div>
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-center" id="exampleModalLabel"><center>Update Contact Person</center></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="m-2 row ">
                            <div class="col-md-2 text-center pt-2 font-weight-bold">Name:</div>
                            <div class="col-md-10">
                                <input type="" class="form-control" name="">
                            </div>
                        </div>
                        <div class="m-2 row ">
                            <div class="col-md-2 text-center pt-2 font-weight-bold">Title:</div>
                            <div class="col-md-10">
                                <input type="" class="form-control" name="">
                            </div>
                        </div>
                        <div class="m-2 row ">
                            <div class="col-md-2 text-center pt-2 font-weight-bold">E-mail:</div>
                            <div class="col-md-10">
                                <input type="" class="form-control" name="">
                            </div>
                        </div>
                        <div class="m-2 row ">
                            <div class="col-md-2 text-center pt-2 font-weight-bold">Phone:</div>
                            <div class="col-md-10">
                                <input type="" class="form-control" name="">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary">Save</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
     <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header" style="font-size:24px;">
                    <div class="float-left">
                        <strong>Billing Information:</strong>
                    </div>
                </div>
                <form class="form-horizontal" action="" method="post">
                    @csrf
                    <div class="card-body">
                        <div class="fluid-container" style="margin:auto;width: 96%;">
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Name
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    test1
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Address
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    Jaipur, Rajasthan
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    City 
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    Jaipur
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Postal Code 
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    302022
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    State
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    Rajasthan
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Fed Tax #
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                   
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Sales Tax #
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Contract Returned
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    <svg class="c-sidebar-nav-icon" style="margin-left: -9rem;">
                                                        <use xlink:href="{{ url('public/assets/vendors/@coreui/icons/svg/free.svg#cil-x-circle') }}"></use>
                                                    </svg> 
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Assigned Client #
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="col-md-6 pl-5">
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Invoiced By
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    <strong>Rmt</strong>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Payment Method
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    <strong>Bank Transfer</strong>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Suspend Client after ( in Days )
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    <strong>30</strong>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Grace Period ( in Days )
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    9
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Send inovice by Post
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    <svg class="c-sidebar-nav-icon" style="margin-left: -9rem;">
                                                        <use xlink:href="{{ url('public/assets/vendors/@coreui/icons/svg/free.svg#cil-x-circle') }}"></use>
                                                    </svg> 
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Send inovice by E-mail
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    <svg class="c-sidebar-nav-icon" style="margin-left: -9rem;">
                                                        <use xlink:href="{{ url('public/assets/vendors/@coreui/icons/svg/free.svg#cil-check') }}"></use>
                                                    </svg>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Payment Score
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    0
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Average Payment Score
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    0
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 textStyle">
                                                    Balance
                                                </div>
                                                <div class="col-md-8 textStyle">
                                                    0
                                                </div>
                                            </div>
                                        </div>
                                    </div>          
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header" style="font-size:24px;">
                    <div class="float-left">
                        <strong>Notes:</strong>
                    </div>
                    <div class="float-right">
                        <button class="btn btn-info">Show Deleted</button>
                        <button class="btn btn-info" data-toggle="modal" data-target="#NotesModal">Add</button>
                    </div>
                </div>
                <!-- <form class="form-horizontal" action="" method="post">
                    @csrf
                    <div class="card-body">
                        <div class="fluid-container" style="margin:auto;width: 96%;">
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-md-6">
                                            
                                        </div>
                                        <div class="col-md-6 pl-5">
                                            
                                        </div>
                                    </div>          
                                </div>
                            </div>
                        </div>
                    </div>
                </form> -->
            </div>
        </div>
    </div>
    <div class="modal fade" id="NotesModal" tabindex="-1" role="dialog" aria-labelledby="NotesModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-center" id="NotesModalLabel"><center>Notes</center></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="m-2 row ">
                            <div class="col-md-2 text-center pt-2 font-weight-bold">Notes:</div>
                            <div class="col-md-10">
                                <textarea class="form-control" name=""></textarea> 
                            </div>
                        </div>
                        <div class="m-2 row ">
                            <div class="col-md-2 text-center pt-2 font-weight-bold"></div>
                            <div class="col-md-10">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                                    <label class="form-check-label" for="flexCheckDefault">Share with Client</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" >
                                    <label class="form-check-label" for="flexCheckChecked">Do-not Share with Client</label>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary">Save</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>   
    <script type="text/javascript">
        $(function(){
            $('.selectpicker').selectpicker();
        });

        $("#showHideAlternativeAddress").hide();
        
        $("#useAlternateAddress").change(function(){
            if($(this).prop('checked'))
            {
                $("#showHideAlternativeAddress").show();
            }
            else
            {
                $("#showHideAlternativeAddress").hide();
            }
        });
        let inputBoxId = 0;
        function plusInputBox()
        {
            inputBoxId++;
            $("#showNewInputBox").append('<tr id="inputBoxRmId'+inputBoxId+'"><td><input type="text" class="form-control"></td><td><input type="text" class="form-control"></td><td><input type="text" class="form-control"></td><td><input type="text" class="form-control"></td><td></td></tr>');
        }
        function minusInputBox()
        {
            $("#inputBoxRmId"+inputBoxId).remove();
            inputBoxId--;
        }
        // function openModelContact()
        // {
        //   $('.modal').modal('show');
        // }
    </script>
@endsection