@extends('layouts.marketing_template')	
@section('content')
<!-- container Start -->	
<div class="container-fluid px-3 px-xxl-5">
	<div class="titel-head pb-4">
        <h1>@lang('translate.mt5_user_list')</h1>
	</div>
	<div class="flash-message">
		@foreach (['danger', 'warning', 'success', 'info'] as $msg)
		@if(Session::has('alert-' . $msg))
		<div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
			<strong>{{ ucfirst(($msg == 'danger') ? "Error" : $msg) }}!</strong> {{ Session::get('alert-' . $msg) }}
			<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
		</div>
		@endif
		@endforeach
	</div>
	<div class="row g-3">
        <div class="col-lg-12 mt-3 mt-lg-5">
			<div class="bg-dark pb-4 rounded-3 box-shadow">
				<div class="table-responsive-lg table-p15">
					<table id="mt_user_datatable" class="table table-dark table-striped mb-0 text-center table-hover">
						<thead>
							<tr>
								<th>@lang('translate.id')</th>
								<th>@lang('translate.mt5id')</th>
								<th>@lang('translate.name')</th>
								<th>@lang('translate.email')</th>
								<th>@lang('translate.phone')</th>
								<th>@lang('translate.group')</th>
								<th>@lang('translate.country')</th>
								<th>@lang('translate.registration_date')</th>
								<th>@lang('translate.action')</th>
							</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="modal" tabindex="-1" role="dialog" id="account-details-modal">
	<div class="modal-dialog modal-lg" role="accountdetails">
		<div class="modal-content bg-black">
			<div class="modal-header bg-primary">
				<h5 class="modal-title">@lang('translate.account_details')</h5>
				<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<div class="row">
					<div class="col-sm-6 col-md-4 col-lg-4">
						<div class="accountlogin pb-3"><span class="text-white-50">@lang('translate.login') : </span><strong></strong></div>
					</div>
					<div class="col-sm-6 col-md-4 col-lg-4">
						<div class="accountcurrency pb-3"><span class="text-white-50">@lang('translate.currency_digits') : </span><strong></strong></div>
					</div>
					<div class="col-sm-6 col-md-4 col-lg-4">
						<div class="accountdate pb-3"><span class="text-white-50">@lang('translate.created_at') : </span><strong></strong></div>
					</div>
					<div class="col-sm-6 col-md-4 col-lg-4">
						<div class="accountbalance pb-3"><span class="text-white-50">@lang('translate.balance') : </span><strong></strong></div>
					</div>
					<div class="col-sm-6 col-md-4 col-lg-4">
						<div class="accountmarginlevg pb-3"><span class="text-white-50">@lang('translate.margin_leverage') : </span><strong></strong></div>
					</div>
					<div class="col-sm-6 col-md-4 col-lg-4">
						<div class="accountleverage pb-3"><span class="text-white-50">@lang('translate.leverage') : </span><strong></strong></div>
					</div>
					<div class="col-sm-6 col-md-4 col-lg-4">
						<div class="accountcredit pb-3"><span class="text-white-50">@lang('translate.credit') : </span><strong></strong></div>
					</div>
					<div class="col-sm-6 col-md-4 col-lg-4">
						<div class="accountprofit pb-3"><span class="text-white-50">@lang('translate.profit') : </span><strong></strong></div>
					</div>
					<div class="col-sm-6 col-md-4 col-lg-4">
						<div class="accountassets pb-3"><span class="text-white-50">@lang('translate.assets') : </span><strong></strong></div>
					</div>
					<div class="col-sm-6 col-md-4 col-lg-4">
						<div class="accountmargin pb-3"><span class="text-white-50">@lang('translate.margin') : </span><strong></strong></div>
					</div>
					<div class="col-sm-6 col-md-4 col-lg-4">
						<div class="accountequity pb-3"><span class="text-white-50">@lang('translate.equity') : </span><strong></strong></div>
					</div>
					<div class="col-sm-6 col-md-4 col-lg-4">
						<div class="accountequitypevday pb-3"><span class="text-white-50">@lang('translate.equity_pev_day') : </span><strong></strong></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
  $(function () { 
    var table = $('#mt_user_datatable').DataTable({
		"autoWidth": false,
		"responsive": true,
		"order": [[0, "desc"]],
		"processing": true,
		"serverSide": true,
		"language": { processing: '<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i><span class="sr-only">Loading...</span> '},
        "ajax": "{{ route('marketing.user.mt5userlist') }}",
        columns: [
            {data: 'DT_RowIndex', name: 'DT_RowIndex'},
            {data: 'mt5id', name: 'mt5id'},
            {data: 'name', name: 'name'},
            {data: 'email', name: 'email'},
            {data: 'phone', name: 'phone'},
            {data: 'groupname', name: 'groupname'},
            {data: 'country', name: 'country'},
            {data: 'date', name: 'date'},
            {data: 'action', name: 'action'},
        ],
		dom: 'lBfrtip',
		buttons: [
			{ extend: 'excel'},
		],
		"lengthMenu": [ [10, 25, 50, 100, -1], [10, 25, 50, 100, 'All'] ]
    });
  });
  function Mt5AccountDetails(id)
	{
		$(".accountlogin strong").text('');
		$(".accountcurrency strong").text('');
		$(".accountdate strong").text('');
		$(".accountbalance strong").text('');
		$(".accountmarginlevg strong").text('');
		$(".accountleverage strong").text('');
		$(".accountcredit strong").text('');
		$(".accountprofit strong").text('');
		$(".accountassets strong").text('');
		$(".accountmargin strong").text('');
		$(".accountequity strong").text('');
		$(".accountequitypevday strong").text('');
		let url = "{{ url('/marketing/user/mt5userlist') }}/"+id;
		$.ajax({
			url: url,
			type: "GET",
			success: function(response) {
				$(".accountlogin strong").text(response.Login);
				$(".accountcurrency strong").text(response.CurrencyDigits);
				$(".accountdate strong").text(response.Registration);
				$(".accountbalance strong").text(response.Balance);
				$(".accountmarginlevg strong").text(response.MarginLeverage);
				$(".accountleverage strong").text(response.Leverage);
				$(".accountcredit strong").text(response.Credit);
				$(".accountprofit strong").text(response.Profit);
				$(".accountassets strong").text(response.Assets);
				$(".accountmargin strong").text(response.Margin);
				$(".accountequity strong").text(response.Equity);
				$(".accountequitypevday strong").text(response.EquityPrevDay);
				$("#account-details-modal").modal('show'); 
			},
			error: function(response) {
				console.log(response.responseJSON)
			}
		});
	}
</script>
@endsection