@extends('layouts.app')

@section('content')

<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
    <!-- BEGIN CONTENT BODY -->

    <div class="top_bar page-content">
        <div class="top_status_bar">
            <div class="progress_bar"></div>
        </div>

        <div class="breadcrumbs">
            <ul>
                <li>
                    <a href="#" class="">
                        Settings
                    </a>
                </li>
                <li>
                    <a href="#" class="breadcrumb_link">
                        Opening Balances
                    </a>
                </li>
            </ul>

            <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
        </div>
    </div>

    <div class="page-content">
        <!-- BEGIN PAGE HEADER-->
        <!-- BEGIN PAGE BAR -->
        <div class="row">
            <div class="col-md-12">
                
                <div class="portlet setting_landing">
                    <div class="portlet-title" style="border-bottom: 0">
                        <div class="caption">
                            <h2>Opening Balances
                                <span>Setup opening balance for the accounts once you are migrating from another accounting application.</span>
                            </h2>
                        </div>

                        <div class="actions btn-set" style="background: #fff;  position: fixed;right: 17px;z-index: 1;">
                        </div>
                    </div>

                    <hr>

                    <div class="portlet-body">
                        <div class="settings">

                            <!--------------------------------------1ST ROW --------------------------------------->
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="col-md-4">
                                        <span class="main_title">Employees</span>
                                    </div>
                                </div>
                            </div>

                            <div class="row each_row">
                                <div class="col-md-12">

                                    <div class="col-md-4">
                                        <span class="sub_heading">
                                            What your employees owe your business?
                                        </span>

                                        <span class="sub_heading">
                                            This will be useful once you are migrating from another application to Salesoft Resto.
                                        </span>
                                    </div>

                                    <div class="col-md-1"></div>

                                    <div class="col-md-6">

                                        <div class="row">
                                            <div class="portlet-body">
                                                <div class="products box">

                                                    <div class="header_tbl">
                                                        <div class="row">

                                                            <div class="col-md-12">
                                                                <div class="col-md-4 row_header">
                                                                    Employee Name                                                                    </div>
                                                                <div class="col-md-2 row_header text_right">
                                                                    Debit
                                                                </div>
                                                                <div class="col-md-2 row_header text_right">
                                                                    &nbsp;Credit
                                                                </div>
                                                                <div class="col-md-4 row_header b4_del_header b4_del_header">
                                                                    Balance as on
                                                                </div>
                                                                <div class=" del_header"></div>
                                                            </div>

                                                        </div>
                                                    </div>

                                                    <div class="row_wrap">
                                                        
                                                        <div class="row_inner_wrap">
                                                            <input type="hidden" value="">

                                                            <div class="row">
                                                                <div class="col-md-12">

                                                                    <div class="col-md-4 inner_row">
                                                                        <select class="select2">
                                                                            <option></option>
                                                                            <option selected value="Shaji Muhammed">Shaji Muhammed</option>
                                                                            <option value="Greejo Job">Greejo Job</option>
                                                                            <option value="Salih Abdurahiman">Salih Abdulrahiman</option>
                                                                            <option value="Sanla Sandesh">Sanla Sandesh</option>
                                                                        </select>
                                                                    </div>

                                                                    <div class="col-md-2 inner_row">
                                                                        <input type="text" value="3215.00" class="form-control just_number text_right">
                                                                    </div>

                                                                    <div class="col-md-2 inner_row">
                                                                        <input type="text" value="0.00" class="form-control just_number text_right" disabled>
                                                                    </div>

                                                                    <div class="col-md-4 inner_row b4_del_header">
                                                                        <div class="input-group datepicker_wrap">
                                                                            <input id="date_joining_wrap" name="date_of_joining" class="form-control date_of_joining validate calender_popup_date_open" value="01-08-2018" type="text">
                                                                            <span class="input-group-btn">
                                                                                <button class="btn default custom_calender_date_open" type="button" style="margin: 0" value="">
                                                                                    <i class="fa fa-calendar"></i>
                                                                                </button>
                                                                            </span>
                                                                        </div>
                                                                    </div>

                                                                    <div class=" del_icon">
                                                                        <i class="fa fa-trash-o del"
                                                                            aria-hidden="true"></i>
                                                                    </div>

                                                                </div>
                                                            </div>

                                                        </div>

                                                        <div class="row_inner_wrap">
                                                            <input type="hidden" value="">

                                                            <div class="row">
                                                                <div class="col-md-12">

                                                                    <div class="col-md-4 inner_row">
                                                                        <select class="select2">
                                                                            <option></option>
                                                                            <option value="Shaji Muhammed">Shaji Muhammed</option>
                                                                            <option selected value="Greejo Job">Greejo Job</option>
                                                                            <option value="Salih Abdurahiman">Salih Abdulrahiman</option>
                                                                            <option value="Sanla Sandesh">Sanla Sandesh</option>
                                                                        </select>
                                                                    </div>

                                                                    <div class="col-md-2 inner_row">
                                                                        <input type="text" value="514.00" class="form-control just_number text_right">
                                                                    </div>

                                                                    <div class="col-md-2 inner_row">
                                                                        <input type="text" value="0.00" class="form-control just_number text_right" disabled>
                                                                    </div>

                                                                    <div class="col-md-4 inner_row b4_del_header">
                                                                        <div class="input-group datepicker_wrap">
                                                                            <input id="date_joining_wrap" name="date_of_joining" class="form-control date_of_joining validate calender_popup_date_open" value="01-08-2018" type="text">
                                                                            <span class="input-group-btn">
                                                                                <button class="btn default custom_calender_date_open" type="button" style="margin: 0" value="">
                                                                                    <i class="fa fa-calendar"></i>
                                                                                </button>
                                                                            </span>
                                                                        </div>
                                                                    </div>

                                                                    <div class=" del_icon">
                                                                        <i class="fa fa-trash-o del"
                                                                            aria-hidden="true"></i>
                                                                    </div>

                                                                </div>
                                                            </div>

                                                        </div>

                                                        <div class="row_inner_wrap">
                                                            <input type="hidden" value="">

                                                            <div class="row">
                                                                <div class="col-md-12">

                                                                    <div class="col-md-4 inner_row">
                                                                        <select class="select2">
                                                                            <option></option>
                                                                            <option value="Shaji Muhammed">Shaji Muhammed</option>
                                                                            <option value="Greejo Job">Greejo Job</option>
                                                                            <option selected value="Salih Abdurahiman">Salih Abdulrahiman</option>
                                                                            <option value="Sanla Sandesh">Sanla Sandesh</option>
                                                                        </select>
                                                                    </div>

                                                                    <div class="col-md-2 inner_row">
                                                                        <input type="text" value="4529.00" class="form-control just_number text_right">
                                                                    </div>

                                                                    <div class="col-md-2 inner_row">
                                                                        <input type="text" value="0.00" class="form-control just_number text_right" disabled>
                                                                    </div>

                                                                    <div class="col-md-4 inner_row b4_del_header">
                                                                        <div class="input-group datepicker_wrap">
                                                                            <input id="date_joining_wrap" name="date_of_joining" class="form-control date_of_joining validate calender_popup_date_open" value="01-08-2018" type="text">
                                                                            <span class="input-group-btn">
                                                                                <button class="btn default custom_calender_date_open" type="button" style="margin: 0" value="">
                                                                                    <i class="fa fa-calendar"></i>
                                                                                </button>
                                                                            </span>
                                                                        </div>
                                                                    </div>

                                                                    <div class=" del_icon">
                                                                        <i class="fa fa-trash-o del"
                                                                            aria-hidden="true"></i>
                                                                    </div>

                                                                </div>
                                                            </div>

                                                        </div>

                                                        <div class="row_inner_wrap">
                                                            <input type="hidden" value="">

                                                            <div class="row">
                                                                <div class="col-md-12">

                                                                    <div class="col-md-4 inner_row">
                                                                        <select class="select2">
                                                                            <option></option>
                                                                            <option value="Shaji Muhammed">Shaji Muhammed</option>
                                                                            <option value="Greejo Job">Greejo Job</option>
                                                                            <option value="Salih Abdurahiman">Salih Abdulrahiman</option>
                                                                            <option selected value="Sanla Sandesh">Sanla Sandesh</option>
                                                                        </select>
                                                                    </div>

                                                                    <div class="col-md-2 inner_row">
                                                                        <input type="text" value="0.00" class="form-control just_number text_right" disabled>
                                                                    </div>

                                                                    <div class="col-md-2 inner_row">
                                                                        <input type="text" value="1245.00" class="form-control just_number text_right">
                                                                    </div>

                                                                    <div class="col-md-4 inner_row b4_del_header">
                                                                        <div class="input-group datepicker_wrap">
                                                                            <input id="date_joining_wrap" name="date_of_joining" class="form-control date_of_joining validate calender_popup_date_open"  value="01-08-2018" type="text">
                                                                            <span class="input-group-btn">
                                                                                <button class="btn default custom_calender_date_open" type="button" style="margin: 0" value="">
                                                                                    <i class="fa fa-calendar"></i>
                                                                                </button>
                                                                            </span>
                                                                        </div>
                                                                    </div>

                                                                    <div class=" del_icon">
                                                                        <i class="fa fa-trash-o del"
                                                                            aria-hidden="true"></i>
                                                                    </div>

                                                                </div>
                                                            </div>

                                                        </div>

                                                        <div class="row_inner_wrap">
                                                            <input type="hidden" value="">

                                                            <div class="row">
                                                                <div class="col-md-12">

                                                                    <div class="col-md-4 inner_row">
                                                                        <select class="select2">
                                                                            <option></option>
                                                                            <option value="Shaji Muhammed">Shaji Muhammed</option>
                                                                            <option value="Greejo Job">Greejo Job</option>
                                                                            <option value="Salih Abdurahiman">Salih Abdulrahiman</option>
                                                                            <option value="Sanla Sandesh">Sanla Sandesh</option>
                                                                        </select>
                                                                    </div>

                                                                    <div class="col-md-2 inner_row">
                                                                        <input type="text" class="form-control just_number text_right">
                                                                    </div>

                                                                    <div class="col-md-2 inner_row">
                                                                        <input type="text" class="form-control just_number text_right">
                                                                    </div>

                                                                    <div class="col-md-4 inner_row b4_del_header">
                                                                        <div class="input-group datepicker_wrap">
                                                                            <input id="date_joining_wrap" name="date_of_joining" class="form-control date_of_joining validate calender_popup_date_open" placeholder="01-08-2018" value="" type="text">
                                                                            <span class="input-group-btn">
                                                                                <button class="btn default custom_calender_date_open" type="button" style="margin: 0" value="">
                                                                                    <i class="fa fa-calendar"></i>
                                                                                </button>
                                                                            </span>
                                                                        </div>
                                                                    </div>

                                                                    <div class=" del_icon">
                                                                        <i class="fa fa-trash-o del" aria-hidden="true"></i>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <!-- END LIST OF PRODUCTS -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-7"></div>

                                <div class="col-md-4">
                                    <input type="submit" name="save" value="Save" class="btn theme_btn_round float_btn">

                                    <a href="#"
                                        class="btn theme_btn_round cancel float_btn">Cancel</a>
                                </div>

                            </div>
                            <!--------------------------------------1ST ROW --------------------------------------->
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- END CONTENT BODY -->
</div>
<!-- END CONTENT -->




@endsection('content')

@section('admin_css')
<link href="{{asset('assets/global/plugins/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')}}" rel="stylesheet" type="text/css"/>
<link href="http://backoffice.evakopro.site/assets/global/css/settings.css" rel="stylesheet" type="text/css"/>
<link href="{{asset('assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')}}" rel="stylesheet" type="text/css"/>
<style type="text/css">
    .del {
        visibility: visible;
    }
    .selectMsg .col-md-12 {
        padding: 0;
    }
    .select2 .select2-selection.select2-selection--single{
        height: 33px !important;
    }
    .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
        left: 18px;
    }
    .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
        padding: 0 16px;
        border: 1px solid #c6c8cc;
        right: 0;
        border-radius: 0 4px 4px 0;
        background: #ececec;
    }
    .select2-container--bootstrap .select2-selection__clear {
        display: none;
    }
    a.cancel {
        color:white !important;
        background: #b7b9bb;
    } 
    .form-control {
        height: 34px !important;
    }
    .b4_del_header {
        width: 28%;
    }
    .del_icon, .del_header {
        width: 5%;
    }
    .row_inner_wrap:last-child .del_icon {
        display: none;
    }
    .breadcrumbs li:first-child a{
        color: #00919e;
    }
    .form-control[disabled], fieldset[disabled] .form-control {
        color: #bdbdbd;
    }

    .form-control, .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
        font-weight: 500;
    }

</style>

@stop

@section('admin_js')
<script src="{{asset('assets/global/plugins/select2/js/select2.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}" type="text/javascript"></script>
<script>
    $(document).ready(function(){
        //SELECT 2 Simple//
        $(".select2").select2({
            placeholder: "Select an employee from this list",
            allowClear: true
        });
    });
</script>

<script type="text/javascript">
    // $(document).ready(function(){
    // 	$('.date_of_joining').datepicker();
    // });

    //RESTRICT DATE FROM YEAR TO DATE//
    var date = new Date();
    //Date open either previous or upcoming
    $('.calender_popup_date_open').datepicker({
        format: 'dd-mm-yyyy',
        pickerPosition: "top-left",
        autoclose: true,
        //startDate: date
    }).on('hide.bs.modal', function (event) {
        // prevent datepicker from firing bootstrap modal "show.bs.modal"
        event.stopPropagation();
    });
    $('.modal-fullscreen.modal .modal-body').scroll(function(){
        $("#date_joining_wrap").datepicker("hide");
        $("#date_joining_wrap").blur();
    });
    $('body').on('click', '.custom_calender_date_open', function () {
        $(this).parent().parent().find('.calender_popup_date_open').trigger('focus');
    });
    var datePicker = $(".calendar").datepicker({});
    var t ;
    $( document ).on(
        'DOMMouseScroll mousewheel scroll',
        '#myModal', 
        function(){       
            window.clearTimeout( t );
            t = window.setTimeout( function(){            
                $('.calendar').datepicker('place')
            }, 100 );        
        }
    );

</script>
@stop