@extends('layouts.app')

@section('content')

			<!-- CRM CONTENT BODY -->

				<!-- TOPBAR -->
				<div class="top_bar page-content">
					<!-- LOADER -->
					<div class="loader">
						<div class="top_status_bar load">
							<div class="progress_bar bar" style="left: 0px;">
							</div>
						</div>
					</div>
					<!-- END LOADER -->
					<!-- BREADCRUMBS -->
					<div class="breadcrumbs">
						<ul>
							<li><a href="">Home</a></li>
							<li><a href="#" class="">Business</a></li>
						</ul>
						<button class="btn btn-large pull-right help theme_btn help_btn">?</button>
					</div>
					<!-- END BREADCRUMBS -->
				</div>
				<!-- END TOPBAR -->
				<!-- PAGE CONTENT -->
				<div class="page-content">
					<div class="row">
						<div class="col-md-12">
							<!-- Begin: life time stats -->
							<div class="portlet">
								<div class="portlet-title">
									<div class="caption">
										<h2>Team List
											<span class="subtitle"> All the team members registered under employee section listed here, you can filter results based on values for better management.</span>
										</h2>
									</div>
									<div class="actions success_actions" style="">
										<a href="javascript:void(0);" data-toggle="modal" data-target="#new_filesAdd" class="add_new portal_add_btn">
											<i class="fa fa-plus"></i>
										</a>
										<ul class="nav navbar-nav netsec_menucontent">
											<li class="actions_dropdown dropdown">
												<a href="#">Actions</a>
												<ul class="actions_list dropdown-menu">
													<li>
														<a href="javascript:void(0);" data-toggle="modal" data-target="#new_filesAdd" class="add_new">New Business</a>
													</li>
												</ul>
											</li>
										</ul>
									</div>
								</div>

								<div class="portlet-body flip-scroll">
									<!--------------------FILTER---------------------->
									<div class="row form-group">
										<div class="col-md-2">
											<select name="column_drop" id="column_drop" class="form-control select2 column_drop select2-hidden-accessible" tabindex="-1" aria-hidden="true">
												<option value=""></option>
												<option value="display_name">Business Name</option>
												<option value="department_uuid">Business Description</option>
												<option value="designation_uuid">No Of Rooms</option>
												<option value="status">Business Address</option>
											</select>

										</div>
										<div class="col-md-2 value-drop">
											<select name="value_drop" id="value_drop" disabled="" class="form-control select2 option_filters select2-hidden-accessible" tabindex="-1" aria-hidden="true">
												<option value=""></option>
											</select>
										</div>
										<div class="col-md-4 pr_0">
											<button class="theme_btn_round btn filter_all" type="button" name="load" value="Filter" style="">Filter</button>
											<button class="theme_btn_round btn reset_filter" type="button" name="" value="Clear All" >Clear All</button>
											<form id="export_excel" method="post" action="" style="display: inline-block;">
												<input type="hidden" name="_token" value="">
												<button class="theme_btn_round btn export_excel" style="" type="submit">
													Export
												</button>
											</form>
										</div>
										<div class="column_filters" style="display: block;">
											<span class="each_filter" data-index="display_name" data-filter="value_drop" data-selected_text="Mr Hazem Galal" data-selected_val="Mr Hazem Galal">
												Mr Hazem Galal
												<i class="fa fa-trash remove_filter"></i>
											</span>
										</div>

										<div class="leads_action_grey actions_selected">
											<div class="actions_dropdown_grey">
												<span>Lead options</span>
												<ul class="actions_list_grey">
													<li class="option 1">Option 1</li>
												</ul>
											</div>
										</div>
									</div>
									<!--------------------FILTER---------------------->

									<!--------------------Search---------------------->
									<div class="tb_search">
										<input type="text" id="search_input_all" onkeyup="FilterkeyWord_all_table()" placeholder="Search.." class="form-control">
									</div>
									<table id="table-id" class="table filterable table-striped table-bordered table-hover custom_table">
										<thead class="flip-content thead">
											<tr>
												<th></th>
												<th class="th_2 ">Business Name</th>
												<th class="th_3 ">Business Description</th>
												<th class="th_4 ">No Of Rooms</th>
												<th class="th_5 ">Business Address</th>
												<th>
													<img class="dots_menu_grey" src="images/dots_menu_grey.png">
													<div class="dropdown_row table_option_checkboxes" style="">
														<span class="dropdown_row_option head">Select Columns</span>
														<span class="dropdown_row_option">
															<section title="" class="section_squaredThree">
																<div class="squaredThree">
																	<input type="checkbox" checked="" style="height: auto !important;" name="table_option[]" class="tb_options" value="Name^2" id="Name">
																	<label for="Name"></label>
																</div>
															</section>
															<span>Name</span>
														</span>
														<span class="dropdown_row_option">
															<section title="" class="section_squaredThree">
																<div class="squaredThree">
																	<input type="checkbox" checked="" style="height: auto !important;" name="table_option[]" class="tb_options" value="Employee Id^3" id="Employee Id">
																	<label for="Employee Id"></label>
																</div>
															</section>
															<span>Employee Id</span>
														</span>
														<span class="dropdown_row_option">
															<section title="" class="section_squaredThree">
																<div class="squaredThree">
																	<input type="checkbox" style="height: auto !important;" name="table_option[]" class="tb_options" value="Department^4" id="Department">
																	<label for="Department"></label>
																</div>
															</section>
															<span>Department</span>
														</span>
														<span class="dropdown_row_option">
															<section title="" class="section_squaredThree">
																<div class="squaredThree">
																	<input type="checkbox" style="height: auto !important;" name="table_option[]" class="tb_options" value="Designation^5" id="Designation">
																	<label for="Designation"></label>
																</div>
															</section>
															<span>Designation</span>
														</span>

														<span class="dropdown_row_option">
															<section title="" class="section_squaredThree">
																<div class="squaredThree">
																	<input type="checkbox" style="height: auto !important;" name="table_option[]" class="tb_options" value="Status^6" id="Status">
																	<label for="Status"></label>
																</div>
															</section>
															<span>Status</span>
														</span>

														<span class="dropdown_row_option">
															<section title="" class="section_squaredThree">
																<div class="squaredThree">
																	<input type="checkbox" checked="" style="height: auto !important;" name="table_option[]" class="tb_options" value="Email^7" id="Email">
																	<label for="Email"></label>
																</div>
															</section>
															<span>Email</span>
														</span>

														<span class="dropdown_row_option">
															<section title="" class="section_squaredThree">
																<div class="squaredThree">
																	<input type="checkbox" checked="" style="height: auto !important;" name="table_option[]" class="tb_options" value="Mobile^8" id="Mobile">
																	<label for="Mobile"></label>
																</div>
															</section>
															<span>Mobile</span>
														</span>

														<span class="dropdown_row_option">
															<section title="" class="section_squaredThree">
																<div class="squaredThree">
																	<input type="checkbox" checked="" style="height: auto !important;" name="table_option[]" class="tb_options" value="Whatsapp^9" id="Whatsapp">
																	<label for="Whatsapp"></label>
																</div>
															</section>
															<span>Whatsapp</span>
														</span>

														<span class="dropdown_row_option">
															<section title="" class="section_squaredThree">
																<div class="squaredThree">
																	<input type="checkbox" style="height: auto !important;" name="table_option[]" class="tb_options" value="Time Spent^10" id="Time Spent">
																	<label for="Time Spent"></label>
																</div>
															</section>
															<span>Time Spent</span>
														</span>

														<span class="dropdown_row_option">
															<section title="" class="section_squaredThree">
																<div class="squaredThree">
																	<input type="checkbox" style="height: auto !important;" name="table_option[]" class="tb_options" value="Tasks^11" id="Tasks">
																	<label for="Tasks"></label>
																</div>
															</section>
															<span>Tasks</span>
														</span>

														<span class="dropdown_row_option">
															<section title="" class="section_squaredThree">
																<div class="squaredThree">
																	<input type="checkbox" style="height: auto !important;" name="table_option[]" class="tb_options" value="Opportunities^12" id="Opportunities">
																	<label for="Opportunities"></label>
																</div>
															</section>
															<span>Opportunities</span>
														</span>

														<span class="dropdown_row_option">
															<section title="" class="section_squaredThree">
																<div class="squaredThree">
																	<input type="checkbox" style="height: auto !important;" name="table_option[]" class="tb_options" value="Leads^13" id="Leads">
																	<label for="Leads"></label>
																</div>
															</section>
															<span>Leads</span>
														</span>
														<div class="tbl_actions">
															<button class="tbl_btn cancel_tbl_option">Cancel</button>
															<button class="tbl_btn apply_tbl_option">Apply</button>
														</div>
													</div>
												</th>
											</tr>
										</thead>
										<tbody class="tbody">
										<!--=====================-->
										<!--=====================-->
											<tr>
												<td>
													<div class="img_wrap contact_list">
														<div class="dp_name">
															<img src="images/avatar1.png" class="dp">
														</div>
													</div>
												</td>
												<td>
													<a href="team_view.php" class="editable_name edit restrict_edit">Mr Ahmed Rizvi</a>
													<span class="address designation_title">Account Manager</span>
												</td>
												<td><span class="employee_id">100098</span></td>
												<td><span class="department">Sales</span></td>
												<td><span class="designation_">Account Manager</span></td>
												<td style="width: 20px;">
													<img class="dots_menu_grey" src="images/dots_menu_grey.png">
													<div class="dropdown_row" style="">
														<span class="dropdown_row_option delete_from_list" data-uuid="">Delete</span>
														<span class="dropdown_row_option update_load_form" data-uuid="">Update</span>
														<span class="dropdown_row_option view_employee" data-uuid="">View</span>
													</div>
												</td>
											</tr>
											<tr>
												<td>
													<div class="img_wrap contact_list">
														<div class="dp_name">
															<img src="images/avatar2.png" class="dp">
														</div>
													</div>
												</td>
												<td>
													<a href="team_view.php" class="editable_name edit restrict_edit">Mr Hazem Galal</a>
													<span class="address designation_title">Account Manager</span>
												</td>
												<td><span class="employee_id">100145</span></td>
												<td><span class="department">Sales</span></td>
												<td><span class="designation_">Account Manager</span></td>
												<td style="width: 20px;">
													<img class="dots_menu_grey" src="images/dots_menu_grey.png">
													<div class="dropdown_row">
														<span class="dropdown_row_option delete_from_list" data-uuid="">Delete</span>
														<span class="dropdown_row_option update_load_form" data-uuid="">Update</span>
														<span class="dropdown_row_option view_employee" data-uuid="">View</span>
													</div>
												</td>
											</tr>



										</tbody>
									</table>

									<div class="bottom_custom">
										<div class="rows">
											<select class="form-control" name="state" id="maxRows">
												<option value="10">10</option>
												<option value="15">15</option>
												<option value="20">20</option>
												<option value="50" selected="">50</option>
												<option value="100">100</option>
												<option value="1000">1000</option>
											</select>
											<span>Records</span>
										</div>
										<div class="pagination-container">
											<button class="load_more_listing" last_id="2" disabled="disabled">
												<span class="load_more_list" style="display: inline;">Load More</span>
												<span class="list_loading" style="display: none;">Loading
													<i class="fa fa-spinner fa-spin"></i>
												</span>
											</button>
										</div>
										<div class="rows_count">Showing 10 of 37 entries</div>
										<span class="now_showing_count hide">37</span>
										<span class="total_records hide">37</span>
									</div>
								</div>
							</div>
							<!-- End: life time stats -->
						</div>
					</div>
				</div>
				<!-- END PAGE CONTENT -->

			<!-- END CRM CONTENT BODY -->


		<!-- END CONTAINER WRAP -->

		<!-- BEGIN BOTTOM INNER -->

		<!-- END BOTTOM INNER -->

		<!-- //UPDATE CONTACT MODAL START// -->
		<div class="modal scrollable fade bs-modal right modal-fullscreen r_u_sure in" id="new_filesAdd" role="dialog" aria-hidden="false" style="">
			<div class="sweet-overlay" tabindex="-1"></div>
    		<div class="modal-dialog modal-lg">
				<div class="modal-content">
					<form  id="new_business_form" class="employee_update_form">
                       @csrf
						<div class="modal-header">
							<button type="button" class="close close_popup" data-dismiss="modal">×</button>
							<h3 class="pop_heading">ADD NEW BUSINESS</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 class="sidebar_list">
												<div class="display_pic">
													<a class="overlay btn-image-upload" data-toggle="modal" href="#modal_image_uplaod" data-modal-name="Customer Profile Images" data-modal-field="customer_profile_pic_path">
														<i class="fa fa-camera"></i>
													</a>
													<img class="display_picture" src="images/avatar2.png">
												</div>


												<!-- <div class="display_pic">
													<a class="overlay btn-image-upload" data-toggle="modal" href="#modal_image_uplaod" data-modal-name="Customer Profile Images" data-modal-field="customer_profile_pic_path">
														<i class="fa fa-camera"></i>
													</a>
													<img class="display_picture" src="images/avatar2.png" />
												</div> -->
												<span class="each_option basic_info active_option" id_attr="basic_info">Basic information</span>
											</div>
										</div>
									</div>
									<!--LEFT SIDE-->
									<!--RIGHT SIDE-->
									<div class="col-md-8 pl_pr_0 right_side_task update_staff_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="firstname">Business name *</label>
                                                            <input class="form-control first_name validate" id="business_name" type="text" name="business_name" value="" autocomplete="off">
                                                            <p class="text-danger business_name hidden" style="position:relative;height: 30px;margin-bottom:10px;"></p>
														</div>
													</div>
												</div>
												<div class="row m_0">
													<div class="col-md-12">
														<div class="form-group">
															<label for="lastname">Business Description *</label>
                                                            <input class="form-control last_name validate" id="business_description" type="textarea" name="business_description" value="" autocomplete="off">
                                                            <p class="text-danger business_description hidden" style="position:relative;margin-bottom:10px;"></p>
														</div>
													</div>
												</div>
												<div class="row m_0">
													<div class="col-md-12">
														<div class="form-group">
															<label for="mobile">No Of Rooms *</label>
															<!-- <input id="int_phone" name="phone" type="tel"> -->
                                                            <input id="int_phone" name="no_of_rooms" type="tel" class="form-control just_number mobile validate phone" value="">
                                                            <p class="text-danger no_of_rooms hidden" style="position:relative;margin-bottom:10px;"></p>
															<!-- <input id="mobile" name="mobile" class="form-control just_number mobile validate phone" type="text" value=""> -->
														</div>
													</div>
												</div>
												<div class="row m_0">
													<div class="col-md-12">
														<div class="form-group">
															<label for="address">Address</label>
                                                            <input id="address" name="address" class="form-control address validate" type="text" value="" maxlength="100">
                                                            <p class="text-danger address hidden" style="position:relative;margin-bottom:10px;"></p>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<!--RIGHT SIDE-->
								</div>
							</div>
						</div>
						<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" data-dismiss="modal">Cancel</button>
                                    <button type="submit" class="btn theme_btn_round save_staff save_business" data-save="1"> Save</button>
								</div>
							</div>
						</div>
					</form>
				</div>
				<!-- /.modal-Task -->
				<!-- <div class="alert_box">There are errors on page</div>-->
			</div>
			<!-- /.modal-dialog -->
		</div>
		<!-- //UPDATE CONTACT MODAL END// -->
		<!-- //UPLOAD SECTION START// -->
		<div class="modal fade uplaod_wrap" id="modal_image_uplaod">
			<div class="modal-dialog modal-content uplodImg" style="width: 390px;">
				<form id="upload_pr_pc" class="modal-content" action="" enctype="multipart/form-data" method="POST">
					<input type="hidden" name="_token" value="">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">×</span>
						</button>
						<h4 class="modal-title">Upload Photo</h4>
					</div>
					<div class="modal-body">
						<div class="row">
							<div class="col-md-12 text-center">
								<div id="upload-demo" style="width: 360px; position: relative;">
									<button style="font-size:24px; position: absolute; top: 30px; right: 30px; z-index: 9999;" id="upload1"><i class="fa fa-upload"></i></button>
								</div>
								<input type="file" id="upload" value="" name="image" style="display: none;">
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default pull-left"  data-dismiss="modal">Close</button>
						<button type="submit" class="btn btn-success upload-customer-image">Upload Image</button>
					</div>
				</form>
			</div>
		</div>
		<!-- //UPLOAD SECTION END// -->

		<!-- //SWEET_ALERT START// -->
		<div id="sweetalert_wrap" class="sweet_alert_wrap">
			<!-- Sweet alert -->
			<div class="sweet-alert showSweetAlert" data-custom-class="" data-has-cancel-button="true" data-has-confirm-button="true" data-allow-outside-click="false" data-has-done-function="true" data-animation="pop" data-timer="null" >
				<div class="sa-icon sa-warning pulseWarning" style="display: block;">
					<span class="sa-body pulseWarningIns"></span>
					<span class="sa-dot pulseWarningIns"></span>
				</div>
				<h2>Are You Sure?</h2>
				<p>Your recently changed data in this model will be lost.</p>
				<div class="sa-button-container">
					<button class="cancel" tabindex="2">Cancel</button>
					<div class="sa-confirm-button-container">
						<button class="confirm" tabindex="1">Confirm</button>
					</div>
				</div>
			</div>
		</div>
		<!-- //SWEET_ALERT END// -->
        @endsection
        @section('admin_css')
        <style>
			* {
				box-sizing: border-box;
				-moz-box-sizing: border-box;
			}
			.iti__hide {display: none;}
			pre {
				margin: 0 !important;
				display: inline-block;
			}
			.token.operator,
			.token.entity,
			.token.url,
			.language-css .token.string,
			.style .token.string,
			.token.variable {background: none; }
			.iti input, .iti button {
				height: 35px;
				margin: 0;
				padding: 6px 12px;
				border-radius: 2px;
				font-family: inherit;
				font-size: 100%;
				color: inherit;
			}
			input[disabled], button[disabled] {background-color: #eee;}
			::-webkit-input-placeholder {color: #BBB;}
			::-moz-placeholder {
				/* Firefox 19+ */
				color: #BBB;
				opacity: 1;
			}
			:-ms-input-placeholder {color: #BBB; }
			#result {margin-bottom: 100px; }
			.page-header-fixed .page-container {margin-top: 0;}
			.page-header-fixed .page-content-wrapper {margin-top: 60px;}


			/* body .page-container {height: 100%;} */
			body .page-container {
				background-color: #ffffff;
				min-height: 100%;
				height: auto !important;
				margin: 60px auto -33px;
			}
			body .page-container {
				min-height: 100%;
			}
			body .page-footer {
				background-color: #364150;
				height: 33px;
				position: relative;
			}
			.page-sidebar-wrapper .page-sidebar {margin-top: 60px;}
        </style>
        @stop
       
        <script src="{{asset('js/genaral.js')}}" type="text/javascript"></script>

	<script>

       $(document).on("click", ".save_business", function (e) {
           e.preventDefault();
                var flag = validationForm("#new_business_form");
                console.log(flag);
                $.ajaxSetup({headers: {'X-CSRF-TOKEN': $('input[name="_token"]').val()}});
                var formData = new FormData(document.getElementById("new_business_form"));
                $.ajax({
                    url: "",
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function (res) {
                        if (res.status == 1000) {
                            alertbox('success', res.message);
                            $('#busyloading, .overlay').hide();

                        }
                        if (res.status == 3000) {
                            alertbox('danger', res.message);
                            $('#busyloading, .overlay').hide();
                            $(".save_business").removeClass("disabled");
                        }
                        if (res.status == 2000) {
                            $.each(res.errors, function (key, value) {
                                $("p." + key).removeClass("hidden").text(value);
                            });
                            alertbox('danger', '{{ trans("js-messages.DCM101") }}');
                            $('#busyloading, .overlay').hide();
                            $(".save_business").removeClass("disabled");
                        }
                    },
                });
        });

    </script>


@stop