@extends('layouts.app')
<!-- BEGIN CONTENT -->
@section('content')
<div class="page-content-wrapper">
    <!-- BEGIN CONTENT BODY -->
    <div class="top_bar page-content">
        <div class="top_status_bar">
            <div id="top_progress_bar" class="progress_bar">
            </div>
        </div>
        <div class="breadcrumbs">
            <ul>
                <li><a href="{{ route('admin.dashboard') }}">Settings</a></li>
                <li><a href="#">About your business</a></li>
            </ul>
            <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
        </div>
    </div>
    <div class="page-content">
        <div class="portlet">
            <!-- BEGIN PAGE HEADER-->
            <div class="portlet-title page_heading">
                <div class="row">
                    <div class="col-md-9">
                        <div class="caption">
                            <h2 style="font-weight: 600; margin-top: 0;">About your business</h2>
                            <span class="subtitle">Edit your business details.</span>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="actions success_actions" style="">
                            <div class="actions_dropdown">
                                <span>Actions</span>
                                <ul class="actions_list">
                                    <li data-toggle="modal" class="new_account">New Business</li>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- BEGIN PAGE BAR -->
            <div class="row">
                <div class="col-md-12">
                    <!--THIS IS CONTENT DIV START-->
                    <div class="portlet-body flip-scroll">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="col-sm-4 trash ui-droppable" style=" width: 45.333333%">
                                    <div class="new_product_left">
                                        <h4>BUSINESS NAME & TRADING ADDRESS</h4>
                                        <p>Where do you run your business from day-to-day?</p>
                                        <p>Changes will be reflected across all linked Salesoft <br> applications.</p>
                                    </div>
                                    <div style="height: 845px;"></div>
                                </div>
                                <div class="col-sm-8 new_product_form" style="width: 52.666667%">
                                    <div class="row">
                                        <!-- Master Account Name -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_name">Master Account*</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                    <input type="text" class="form-control validate" id="product_name" name="product_name" placeholder="Enter product name here" value="Downtown cafe" autocomplete="off" readonly>
                                                    <p class="text-danger product_name validation_error hidden"></p>
                                                </div>
                                            </div>
                                        </div>
                                        {{--  Branch Name  --}}
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_name">Branch Name*</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                    <input type="text" class="form-control validate" id="product_name" name="product_name" placeholder="Downtown cafe branch2" autocomplete="off">
                                                    <p class="text-danger product_name validation_error hidden"></p>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Address line 1 -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_name">Address line 1*</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                    <input type="text" class="form-control validate" id="product_name" name="product_name" placeholder="102,AI Jazeera 2" autocomplete="off">
                                                    <p class="text-danger product_name validation_error hidden"></p>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Address line 2 -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_name">Address line 2*</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                    <input type="text" class="form-control validate" id="product_name" name="product_name" placeholder="Near Thahseel Building,AI" autocomplete="off">
                                                    <p class="text-danger product_name validation_error hidden"></p>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Business Country -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_brand_name">Business Country*</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                    <select class="form-control select2 add_newbrand select2-hidden-accessible" id="product_brand_name" name="product_brand" tabindex="-1" aria-hidden="true">
                                                        <option></option>
                                                        <!--<option value="new_brand">Add New</option>-->
                                                        <option value="1">Country1</option>
                                                        <option value="2">Country2</option>
                                                        <option value="3">Country3</option>
                                                        <option selected="&quot;true&quot;" value="14">United Arab Emirates</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- State / Province -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_brand_name">State / Province*</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                    <select class="form-control select2 add_newbrand select2-hidden-accessible" id="product_brand_name" name="product_brand" tabindex="-1" aria-hidden="true">
                                                        <option></option>
                                                        <!--<option value="new_brand">Add New</option>-->
                                                        <option value="1">State1</option>
                                                        <option value="2">State2</option>
                                                        <option value="3">State3</option>
                                                        <option selected="&quot;true&quot;" value="14">Sharjah</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- City / Area -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_brand_name">City / Area*</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                    <select class="form-control select2 add_newbrand select2-hidden-accessible" id="product_brand_name" name="product_brand" tabindex="-1" aria-hidden="true">
                                                        <option></option>
                                                        <!--<option value="new_brand">Add New</option>-->
                                                        <option value="1">City1</option>
                                                        <option value="2">City2</option>
                                                        <option value="3">City3</option>
                                                        <option selected="&quot;true&quot;" value="14">AI Majaz 3</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        {{--  Country prefix  --}}
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_name">Country prefix</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                    <input type="text" class="form-control validate" id="product_name" name="product_name" placeholder="AE" autocomplete="off">
                                                    <p class="text-danger product_name validation_error hidden"></p>
                                                </div>
                                            </div>
                                        </div>
                                        {{--  Zipcode  --}}
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_name">Zipcode</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                    <input type="text" class="form-control validate" id="product_name" name="product_name" placeholder="56454" autocomplete="off">
                                                    <p class="text-danger product_name validation_error hidden"></p>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Timezone -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_brand_name">Timezone*</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                    <select class="form-control select2 add_newbrand select2-hidden-accessible" id="product_brand_name" name="product_brand" tabindex="-1" aria-hidden="true">
                                                        <option></option>
                                                        <!--<option value="new_brand">Add New</option>-->
                                                        <option value="1">Timezone1</option>
                                                        <option value="2">Timezone2</option>
                                                        <option value="3">Timezone3</option>
                                                        <option selected="&quot;true&quot;" value="14">(GMT+4:00)Gulf Standard Time(Asia/Dubai)</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Base Currency -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_brand_name">Base Currency*</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                    <select class="form-control select2 add_newbrand select2-hidden-accessible" id="product_brand_name" name="product_brand" tabindex="-1" aria-hidden="true">
                                                        <option></option>
                                                        <!--<option value="new_brand">Add New</option>-->
                                                        <option value="1">Currency1</option>
                                                        <option value="2">Currency2</option>
                                                        <option value="3">Currency3</option>
                                                        <option selected="&quot;true&quot;" value="14">United Arab Emirates Diraham(AED)</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <!--- Product Kitchen Selected List -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2"></div>
                                            <div class="col-md-8 each_input">
                                                <input type="hidden" name="submit" value="1">
                                                <input type="submit" name="save" value="Save" class="btn theme_btn_round float_btn save" style="float:right;">
                                                <a href="" class="btn theme_btn_round cancel float_btn" style="float:right;">Cancel</a>
                                            </div>
                                        </div>

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

                    <!--THIS IS CONTENT DIV END-->

                    {{--  Business  Modal Start --}}
                    <div class="modal fade bs-modal right modal-fullscreen" id="new_employee_model" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">

<!-- New Supplier Modal Start-->

<div class="modal-dialog modal-lg">
    <div class="modal-content">
        <form method="post" id="new_customer_form">
            <input type="hidden" name="_token" value="ILjCRWQ71YTDHlvF1EvMhdUIStloRekVxV60jmq6">
            <input type="hidden" name="contact_uuid" id="contact_uuid" value="">
            <input type="hidden" name="contact_display_picture" id="contact_display_picture" value="">
            <input type="hidden" name="dp_type" id="dp_type" value="account">
            <input type="hidden" name="customer_uuid" id="customer_uuid" value="">

            <div class="modal-header">
                <button type="button" class="close close_popup" data-dismiss="modal">×</button>
                <h3 class="pop_heading account">New Customer</h3>
            </div>
            <div class="modal-body">
                <div class="body_wrap">

                    <div class="row">
                        <!--LEFT SIDE-->
                        <div class="col-md-4 left_side_task p_0">
                            <div class="rows_wrap">
                            </div>
                        </div>
                        <!--LEFT SIDE-->
                        <!--RIGHT SIDE-->
                        <div class="col-md-8 pl_pr_0 right_side_task update_account_data">
                            <div id="basic_info">
                                <span class="main_label">Basic Information</span>
                                <div class="rows_wrap">
                                    <div class="row m_0">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label for="name_supplier">Title * <span class="duplication_alert" style="color: red;"></span></label>
                                                <select class="form-control select2 title filter validate select2-hidden-accessible" id="contact_title" name="title" tabindex="-1" aria-hidden="true">
                                                    <option value="">select</option>
                                                        <option value="1">Mr</option>
                                                        <option value="2">Ms</option>
                                                        <option value="3">Miss</option>
                                                        <option value="4">Mrs</option>
                                                        <option value="5">Sir</option>
                                                        <option value="6">Prof.</option>
                                                        <option value="7">Dr</option>
                                                    </select>
                                                <p class="text-danger title hidden"></p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row m_0">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label for="name_customer">First Name * <span class="duplication_alert" style="color: red;"></span></label>
                                                <input class="form-control first_name validate" id="contact_first_name" type="text" name="first_name" value="" autocomplete="off">
                                                <p class="text-danger first_name hidden"></p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row m_0">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label for="contact_last_name">Last Name *<span class="duplication_alert" style="color: red;"></span></label>
                                                <input name="last_name" class="form-control last_name validate" id="contact_last_name" type="text" value="" autocomplete="off">
                                                <p class="text-danger last_name hidden"></p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row m_0">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label for="business_name">Business Name *<span class="duplication_alert" style="color: red;"></span></label>
                                                <input id="business_name" name="business_name" class="form-control business_name validate" type="text" value="" autocomplete="off">
                                                <p class="text-danger business_name hidden"></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row m_0">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label for="display_name">Contact Display *<span class="duplication_alert" style="color: red;"></span></label>
                                                <select class="form-control select2 filter display_name validate select2-hidden-accessible" name="display_name" id="display_name" tabindex="-1" aria-hidden="true">
                                                    <option value=""></option>
                                                </select>
                                                <p class="text-danger display_name hidden"></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row m_0">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label for="contact_email">Email *<span class="duplication_alert" style="color: red;"></span></label>
                                                <input id="contact_email" name="email" class="form-control validate" type="email" value="" autocomplete="off">
                                                <p class="text-danger email hidden"></p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row m_0">
                                        <div class="col-md-12">
                                            <div class="form-group work_phone">
                                                <label for="contact_number">Telephone * <span class="duplication_alert" style="color: red;"></span></label>
                                                <input id="contact_number" name="contact_number" class="form-control work_phone phone just_number validate" type="text" min="0" value="" autocomplete="off">
                                                <p class="text-danger contact_number hidden"></p>
                                            </div>
                                        </div>


                                    </div>
                                    </div>
                            </div>
                            <!-- Payment Settings -->
                            <div id="payment_info">
                                <span class="main_label">Payment Settings</span>
                                <div class="rows_wrap">
                                    <div class="row m_0">

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="credit_limit">Credit Limit  <span class="duplication_alert" style="color: red;"></span></label>
                                                <input id="credit_limit" name="credit_limit" class="form-control" type="number" autocomplete="off" value="">
                                                <p class="text-danger credit_limit hidden"></p>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="credit_period">Credit Period (In days)  <span class="duplication_alert" style="color: red;"></span></label>
                                                <input id="credit_period" name="credit_period" class="form-control" type="number" autocomplete="off" value="">
                                                <p class="text-danger credit_period hidden"></p>
                                            </div>
                                        </div>

                                    </div>

                                </div>
                            </div>
                            <!-- Payment Settings -->

                        </div>
                        <!--RIGHT SIDE-->
                    </div>
                </div>
            </div>
        </form>

        <div class="modal-footer">
            <div class="row" style="">
                <div class="col-sm-6">
                    <div class="alert_box">There are errors on page</div>
                </div>
                                                  <div class="col-sm-6">
                    <button type="button" class="btn dismiss customer_dismiss" data-dismiss="modal">Cancel</button>
                    <button type="button" class="btn theme_btn_round save_customer"> Save</button>
                </div>
            </div>
        </div>
    </div>
</div>
   <!-- /.modal-Task -->
</div>
<!-- /.modal-dialog -->

                    </div>
                    {{--  Business Modal End  --}}
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@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" />
<!-- DATE PICKER -->
<link href="{{asset('assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')}}" rel="stylesheet"
    type="text/css" />

@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 src="{{asset('js/general.js')}}"></script>

<script type="text/javascript">



       /*SCROLLING COMPLETE*/
       $(document).ready(function () {
           //SELECT 2 Simple//
           $(".select2").select2({
               placeholder: "--Select--",
               allowClear: true
           });


       oTable.on('page.dt', function () {
           $('html, body').animate({
               scrollTop: $(".page-header-fixed").offset().top
           }, 'slow');

           $('thead tr th:first-child').focus().blur();
       });
       });

       // SHOW MODAL
    $('body').on('click', '.new_account', function () {
        $('#busyloading, .overlay').show();
        $('#new_employee_model .modal-body').animate({scrollTop: 0}, "fast");
        $('#busyloading, .overlay').fadeOut(100);
        $('#new_employee_model').modal();
        return false;
    });

   </script>

@stop