@extends("la.layouts.app")

@section("contentheader_title", "FDE DATA")
@section("contentheader_description", "Register User Data Fde")
@section("section", "DMS datas")
@section("sub_section", "Listing")
@section("htmlheader_title", "DMS datas Listing")

@section("headerElems")
@la_access("DMS_datas", "create")
<a href= "{{ asset('la-assets/samples/dms_data_new.csv') }}" class="btn btn-success" style="margin-right:11px">Download Sample</a> 
 
<button type="submit" class="btn btn-success"  style="margin-right:11px"  onclick="return confirm('Realy want to delete all data ?')">Delete All</button> 
{!! Form::close(); !!}
@endla_access
@endsection
<style>
	 #ajax_loader {
      position: fixed;
      /* top: 0;
      left: 0;
      right: 0;
      bottom: 0; */
	  margin-left:500px;
	  margin-top:200px;
      /* background: rgba(99, 99, 99, 0.5); */
      z-index: 99;
    }
</style>

@section("main-content")
<div id="ajax_loader">
    <img id="process_img" src= "{{ asset('la-assets/web-assets/images/ajaxpre.gif') }}" />
</div>
@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<button onclick="ExportToExcel('xlsx')">Export to excel</button>
<div class="box box-success">
	<!--<div class="box-header"></div>-->
	<div class="box-body">
	{!! Form::open(['action' => 'LA\DMS_datasController@update_dms_status', 'id' => 'update_dms_status-add-form-2']) !!}
		<table id="example1" class="table table-bordered">
		<thead>
		<tr class="success">
		<th>Id</th>
		<th>Created At</th>
		<th>Assigned RM </th>
		<th>Customer Id</th>
		<th>Badge</th>
		<th>First Name </th>
		<th>Last Name </th>
        <th>Mobile Number</th>
		<th>Email ID </th>
		<th>Email Verified At </th>
		<th>State </th>
		<th>City </th>
		<th>Pincode </th>
		<th>Wallet Money </th>
		<th>Referral Code </th>
		<th>Sponsor's cust id </th>
		<th>Sponsor's name </th>
		<th>Status </th>
		<th>Deals in </th>
		<th>Customer Type </th>
		<th>Email Status </th>
		<th>Company Name </th>
		<th>Industry Type</th>
		<th>Company Type</th>
		<th>Website Url</th>
		<th>Company Email</th>
		<th>Company Mobile</th>
		<th>Company Address</th>
		<th>Village</th>
		<th>Company State</th>
		<th>Company City</th>
		<th>Company Landmark</th>
		<th>Pincode</th>
		<th>Company gst number </th>
		<th>Action</th>
		</tr>
		</thead>
		<tbody>
			
		</tbody>
		</table>
		{!! Form::submit( 'Submit', ['class'=>'btn btn-success']) !!}
		{!! Form::close() !!}
	</div>
</div>

@la_access("DMS_datas", "create")
<div class="modal fade" id="AddModal" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="myModalLabel">Add DMS data</h4>
			</div>
			{!! Form::open(['action' => 'LA\DMS_datasController@store', 'id' => 'dms_data-add-form']) !!}
			<div class="modal-body">
				<div class="box-body">
                    @la_form($module)
					
					{{--
					@la_input($module, 'telegram')
					@la_input($module, 'office_phone_2')
					@la_input($module, 'office_phone_3')
					@la_input($module, 'phone_residence')
					@la_input($module, 'fax')
					@la_input($module, 'work_mail')
					@la_input($module, 'email_home')
					@la_input($module, 'email_other')
					@la_input($module, 'website_1')
					@la_input($module, 'website_2')
					@la_input($module, 'facebook')
					@la_input($module, 'instagram')
					@la_input($module, 'office_phone_1')
					@la_input($module, 'twitter')
					@la_input($module, 'linkedin')
					@la_input($module, 'pinterest')
					@la_input($module, 'google_my_business')
					@la_input($module, 'digital_showroom')
					@la_input($module, 'social_media_link_1')
					@la_input($module, 'social_media_link_2')
					@la_input($module, 'social_media_link_3')
					@la_input($module, 'social_media_link_4')
					@la_input($module, 'notes')
					@la_input($module, 'village')
					@la_input($module, 'sub_category')
					@la_input($module, 'child_category')
					@la_input($module, 'user_type')
					@la_input($module, 'state')
					@la_input($module, 'city')
					@la_input($module, 'person_name')
					@la_input($module, 'company_name')
					@la_input($module, 'company_type ')
					@la_input($module, 'gst_number ')
					@la_input($module, 'address')
					@la_input($module, 'sub_area')
					@la_input($module, 'category')
					@la_input($module, 'pincode')
					@la_input($module, 'whatspp_1')
					@la_input($module, 'whatspp_2')
					@la_input($module, 'whatspp_3')
					@la_input($module, 'whatspp_4')
					@la_input($module, 'mobile_1')
					@la_input($module, 'mobile_2')
					@la_input($module, 'mobile_3')
					@la_input($module, 'mobile_4')
					@la_input($module, 'mobile_5')
					--}}
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				{!! Form::submit( 'Submit', ['class'=>'btn btn-success']) !!}
			</div>
			{!! Form::close() !!}
		</div>
	</div>
</div>
@endla_access

@endsection
<script type="text/javascript" src="https://unpkg.com/xlsx@0.15.1/dist/xlsx.full.min.js"></script>

@push('styles')
<link rel="stylesheet" type="text/css" href="{{ asset('la-assets/plugins/datatables/datatables.min.css') }}"/>
@endpush

@push('scripts')
<script src="{{ asset('la-assets/plugins/datatables/datatables.min.js') }}"></script>
<script>

$('body').on('click', '#checkAction', function () {
		var val = this.value;
		//alert(val);
		$(".boxaction").prop('checked', this.checked);
	});	

function ExportToExcel(type, fn, dl) {
       var elt = document.getElementById('example1');
       var wb = XLSX.utils.table_to_book(elt, { sheet: "sheet1" });
       return dl ?
         XLSX.write(wb, { bookType: type, bookSST: true, type: 'base64' }):
         XLSX.writeFile(wb, fn || ('export.' + (type || 'xlsx')));
    }
$(function () {
	$("#ajax_loader").hide();
	$(document).ajaxStart(function () {
      $('#ajax_loader').css("display", "block");
    });
    $(document).ajaxComplete(function () {
      $('#ajax_loader').css("display", "none");
    });
	// 51
 	var url = "{{ url(config('laraadmin.adminRoute') . '/dms_data_dt_aja') }}";
	$("#example1").DataTable({
		processing: true,
		serverSide: true,
		"paging":   true,
        "ordering": false,
        "info":     false,
		@if(in_array(\Auth::user()->role,\RawHelper::admin_roles()))
		"sDom": 'T<"clear">lfrtip',      
		    dom: 'Blfrtip',           
			buttons: [
			{ extend: 'csvHtml5', text: 'Export to CSV' }
		],
		@endif
	
		ajax: {
				url: url,
				method: 'POST'
			},
		language: {
			lengthMenu: "_MENU_",
			search: "_INPUT_",
			searchPlaceholder: "Search"
		}, 
		@if($show_actions)
		columnDefs: [ { orderable: false, targets: [-1] }],
		@endif
	}); 
	$("#dms_data-add-form").validate({
		
	});
	
	$("#process_dms").click(function(){
	    $.ajax({
        url: 'process_dms_command',
        type: 'get',
		 success: function(data) {
            alert(data);
        }
      });
	})

	$("#sync_dms").click(function(){
	    $.ajax({
        url: 'sync_dms_command',
        type: 'get',
		success: function(data) {
            alert(data);
        }
      });
	})

	$("#sync_fde").click(function(){
	    $.ajax({
        url: 'sync_fde_command',
        type: 'get',
		success: function(data) {
            alert(data);
        }
      });
	})
}); 
</script>
@endpush