<?php $__env->startSection('content'); ?>
    <div class="page-title">
                    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li><h1>Finance</h1></li>
            <li class="breadcrumb-item">
                <a href="<?php echo e(url('index')); ?>">
                    <svg width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M2.125 6.375L8.5 1.41667L14.875 6.375V14.1667C14.875 14.5424 14.7257 14.9027 14.4601 15.1684C14.1944 15.4341 13.8341 15.5833 13.4583 15.5833H3.54167C3.16594 15.5833 2.80561 15.4341 2.53993 15.1684C2.27426 14.9027 2.125 14.5424 2.125 14.1667V6.375Z" stroke="var(--bs-body-color)" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M6.375 15.5833V8.5H10.625V15.5833" stroke="var(--bs-body-color)" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                    Home
                </a>
            </li>
            <li class="breadcrumb-item active" aria-current="page">Finance</li>
        </ol>
    </nav>
                <a class="text-primary fs-13" data-bs-toggle="offcanvas" href="#addTaskmodal" role="button" aria-controls="addTaskmodal">+ Add Task</a>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xxl-3 col-xl-4">
                        <div class="card h-auto">
                            <div class="card-header">
                                <h4 class="card-title">Add New Account </h4>
                            </div>
                            <div class="card-body">
                                <form>
                                    <div class="form-group mb-3">
                                        <label class="form-label"> Account Title<span class="text-danger">*</span></label>
                                        <input type="text" class="form-control"  placeholder="Account Title">
                                    </div>
                                    <div class="form-group mb-3">
                                        <label class="form-label"> Amount<span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <div class="input-group-text">$</div>
                                            <input type="number" class="form-control type-number" placeholder="5000">
                                        </div>
                                    </div>
                                    <div class="form-group mb-3">
                                        <label class="form-label"> Account No<span class="text-danger">*</span></label>
                                        <input type="number" class="form-control type-number"  placeholder="123456">
                                    </div>
                                    <div class="form-group mb-3">
                                        <label class="form-label">Branch Code<span class="text-danger">*</span></label>
                                        <input type="number" class="form-control type-number"  placeholder="#321456">
                                    </div>
                                    <div class="form-group mb-3 text-nawrap">
                                        <label class="form-label">Branch Name<span class="text-danger">*</span></label>
                                        <input type="text" class="form-control"  placeholder="Industrial and Commercial Bank">
                                    </div>
                                    <button type="submit" class="btn btn-primary">Confirm</button>
                                </form>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-xxl-9 col-xl-8">
                        <div class="card">
                            <div class="card-header border-0">
                                <h4 class="card-title">Finance</h4>
                                <div id="financeTableExcelBTN"></div>
                            </div>
                            <div class="card-body table-card-body p-0 pb-3">
                                <div class="table-responsive">
                                    <table id="financeTable" class="table">
                                        <thead class="table-light">
                                            <tr>
                                                <th class="mw-150">Account Title</th>
                                                <th class="mw-150">Amount</th>
                                                <th class="mw-150">Account No</th>
                                                <th class="mw-150">Branch Code</th>
                                                <th class="mw-150">Branch Name</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td><a href="javascript:void(0)">Saving</a></td>
                                                <td>800$</td>
                                                <td>12345678910</td>
                                                <td>1234</td>
                                                <td>Bank of USA</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Salary </a></td>
                                                <td>700$</td>
                                                <td>234567890</td>
                                                <td>5678</td>
                                                <td>Bank of London</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Fixed deposit</a></td>
                                                <td>630$</td>
                                                <td>3456748912</td>
                                                <td>9101</td>
                                                <td>Bank of USA</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Recurring deposit</a></td>
                                                <td>500$</td>
                                                <td>456789321</td>
                                                <td>1213</td>
                                                <td>Bank of UAE</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Saving</a></td>
                                                <td>200$</td>
                                                <td>569874321</td>
                                                <td>1415</td>
                                                <td>Bank of London</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Salary </a></td>
                                                <td>350$</td>
                                                <td>9876541323</td>
                                                <td>1617</td>
                                                <td>Bank of USA</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Fixed deposit</a></td>
                                                <td>850$</td>
                                                <td>985674321</td>
                                                <td>1819</td>
                                                <td>Bank of UAE</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Fixed deposit</a></td>
                                                <td>400$</td>
                                                <td>89764023981</td>
                                                <td>2223</td>
                                                <td>Bank of London</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Salary </a></td>
                                                <td>1200$</td>
                                                <td>3598764210</td>
                                                <td>2021</td>
                                                <td>Bank of USA</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Fixed deposit</a></td>
                                                <td>1100$</td>
                                                <td>3659872416</td>
                                                <td>2425</td>
                                                <td>Bank of UAE</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Fixed deposit</a></td>
                                                <td>900$</td>
                                                <td>3698752410</td>
                                                <td>2627</td>
                                                <td>Bank of London</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Recurring deposit</a></td>
                                                <td>600$</td>
                                                <td>3698574215</td>
                                                <td>2829</td>
                                                <td>Bank of USA</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Recurring deposit</a></td>
                                                <td>100$</td>
                                                <td>9865732145</td>
                                                <td>3031</td>
                                                <td>Bank of London</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Fixed deposit</a></td>
                                                <td>500$</td>
                                                <td>26589734512</td>
                                                <td>3233</td>
                                                <td>Bank of UAE</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Salary </a></td>
                                                <td>800$</td>
                                                <td>69358975241</td>
                                                <td>3435</td>
                                                <td>Bank of London</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Fixed deposit</a></td>
                                                <td>630$</td>
                                                <td>56389274156</td>
                                                <td>3637</td>
                                                <td>Bank of UAE</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Salary </a></td>
                                                <td>700$</td>
                                                <td>234567890</td>
                                                <td>5678</td>
                                                <td>Bank of London</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Fixed deposit</a></td>
                                                <td>630$</td>
                                                <td>3456748912</td>
                                                <td>9101</td>
                                                <td>Bank of USA</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Recurring deposit</a></td>
                                                <td>500$</td>
                                                <td>456789321</td>
                                                <td>1213</td>
                                                <td>Bank of UAE</td>
                                            </tr>
                                            <tr>
                                                <td><a href="javascript:void(0)">Saving</a></td>
                                                <td>200$</td>
                                                <td>569874321</td>
                                                <td>1415</td>
                                                <td>Bank of London</td>
                                            </tr>
                                        </tbody>                                        
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('modals'); ?>
<div class="offcanvas offcanvas-end custom-offcanvas" tabindex="-1" id="addTaskmodal">
    <div class="offcanvas-header pb-0">
        <h2 class="modal-title fs-5" id="#gridSystemModal1">Add New Task</h2>
        <button type="button" class="btn btn-square btn-danger light btn-sm ms-auto" data-bs-dismiss="offcanvas" aria-label="Close">
            <i class="fa-solid fa-xmark"></i>
        </button>
    </div>
    <div class="offcanvas-body">
        <form class="row">
            <div class="col-xl-6 mb-3">
                <label for="exampleFormControlInputfirst" class="form-label">Title<span class="text-danger">*</span></label>
                <input type="text" class="form-control" id="exampleFormControlInputfirst" placeholder="Title">
            </div>  
            <div class="col-xl-6 mb-3">
                <label class="form-label">Project<span class="text-danger">*</span></label>
                <select class="selectpicker form-select">
                    <option data-display="Select">Project</option>
                    <option value="html">HTML</option>
                    <option value="css">CSS</option>
                    <option value="javascript">JavaScript</option>
                </select>
            </div>  
            <div class="col-xl-6 mb-3">
                <label for="exampleFormControlInputthree" class="form-label">Start Date<span class="text-danger">*</span></label>
                <input type="text" class="form-control bs-datepicker" id="exampleFormControlInputthree">
            </div>
            <div class="col-xl-6 mb-3">
                <label for="exampleFormControlInputfour" class="form-label">End Date<span class="text-danger">*</span></label>
                <input type="text" class="form-control bs-datepicker" id="exampleFormControlInputfour">
            </div>
            <div class="col-xl-6 mb-3">
                <label class="form-label">Estimated Hour<span class="text-danger">*</span></label>
                <input type="text" class="form-control bs-datepicker" value="09:30">
            </div>
            <div class="col-xl-6 mb-3">
                <label class="form-label">Status<span class="text-danger">*</span></label>
                <select class="selectpicker form-select">
                    <option data-display="Select">Status</option>
                    <option value="In Progess">In Progess</option>
                    <option value="Pending">Pending</option>
                    <option value="Completed">Completed</option>
                </select>
            </div>
            <div class="col-xl-6 mb-3">
                <label class="form-label">Priority<span class="text-danger">*</span></label>
                <select class="selectpicker form-select">
                    <option data-display="Select">Priority</option>
                    <option value="Hight">Hight</option>
                    <option value="Medium">Medium</option>
                    <option value="Low">Low</option>
                </select>
            </div>
            <div class="col-xl-6 mb-3">
                <label class="form-label">Category<span class="text-danger">*</span></label>
                <select class="selectpicker form-select">
                    <option data-display="Select">Category</option>
                    <option value="Designing">Designing</option>
                    <option value="Development">Development</option>
                    <option value="react developer">React Developer</option>
                </select>
            </div>
            <div class="col-xl-6 mb-3">
                <label class="form-label">Permission<span class="text-danger">*</span></label>
                <select class="selectpicker form-select">
                    <option data-display="Select">Permission</option>
                    <option value="Public">Public</option>
                    <option value="Private">Private</option>
                </select>
            </div>
            <div class="col-xl-6 mb-3">
                <label class="form-label">Deadline add<span class="text-danger">*</span></label>
                <select class="selectpicker form-select">
                    <option data-display="Select">Deadline</option>
                    <option value="Yes">Yes</option>
                    <option value="No">No</option>
                </select>
            </div>
            <div class="col-xl-6 mb-3">
                <label class="form-label">Assigned to<span class="text-danger">*</span></label>
                <select class="selectpicker form-select">
                    <option data-display="Select">Assigned</option>
                    <option value="Bernard">Bernard</option>
                    <option value="Sergey Brin">Sergey Brin</option>
                    <option value="Larry Ellison">Larry Ellison</option>
                </select>
            </div>
            <div class="col-xl-6 mb-3">
                <label class="form-label">Responsible Person<span class="text-danger">*</span></label>
                <input name='tagify' class="form-control basic-tagify" value='James, Harry'>
            </div>
            <div class="col-xl-12 mb-3">
                <label class="form-label">Description<span class="text-danger">*</span></label>
                <textarea rows="3" class="form-control"></textarea>
            </div>
            <div class="col-xl-12 mb-3">
                <label class="form-label">Summary<span class="text-danger">*</span></label>
                <textarea rows="3" class="form-control"></textarea>
            </div>
            <div class="col-xl-12">                 
                <button class="btn btn-danger light">Cancel</button>
                <button class="btn btn-primary ms-2">Help Desk</button>
            </div>
        </form>
    </div>
</div>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layouts.default', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH D:\xampp82\htdocs\products\wajid-templates\w3crm-laravel\package\resources\views/W3crm/dashboard/finance.blade.php ENDPATH**/ ?>