@extends('master.back')
@section('styles')
	<link rel="stylesheet" href="{{asset('assets/back/css/datepicker.css')}}">
@endsection
@section('content')
<style>
  .grid-templete{
    display:grid;
    grid-template-columns: auto auto auto;
    padding:2%;
    background-color:white;
  }
</style>
<!-- Start of Main Content -->
<div class="container-fluid">

	<!-- Page Heading -->
    <div class="card mb-4">
        <div class="card-body">
            <div class="d-sm-flex align-items-center justify-content-between">
                <h3 class=" mb-0 "><b>{{ __('Customers List') }}</b></h3>
                </div>
        </div>
		
		

    </div>

	<br>
	@include('alerts.alerts')
	<br>
    <form action="{{route('back.user.report')}}" method="post" >
		@csrf
    <div class='grid-templete' >
                

                
                <div class="">
                <label for="start_date">{{ __('Start Date') }} *</label>
                <input type="text" name="start_date" id="datepicker" class="form-control datepicker"
                    id="start_date" value="{{date('m/d/Y')}}"
                    placeholder="{{ __('Start Date') }}"
                    value="">
                </div>


                <div class="">
                <label for="end_date">{{ __('End Date') }} *</label>
                <input type="text" name="end_date" id="datepicker1" class="form-control datepicker"
                    id="end_date" value="{{date('m/d/Y')}}"
                    placeholder="{{ __('End Date') }}"
                    value="">
                    
                </div>

                <div class="">
                <label for="type_report">{{ __('Type ') }} *</label>
                <select name="type_report" class='form-control'>
                  <option value="1"> รายงานสมัครสมาชิกใหม่ </option>
                  <option value="2"> ลูกค้าตามคำสั่งซื้อทั้งหมด (5อันดับสูงสุด) </option>
                </select>
                    
                </div>
                <div>
                  <br>
                <button class="btn btn-info" type='submit' style=''  >{{__('Report User')}}</button>
                
                </div>
                <!-- <button class="btn btn-info btn-sm " onclick='csv_export();'>{{__('CSV Export')}}</button> -->
                

                

      </div>
      
      </form>
	<!-- DataTales -->
	<div class="card shadow mb-4">
		<div class="card-body">
			
			<div class="gd-responsive-table">
				<table class="table table-bordered table-striped" id="admin-table" width="100%" cellspacing="0">

					<thead>
						<tr>
							<th>{{ __('Name') }}</th>
							<th>{{ __('Email') }}</th>
							<th>{{ __('Phone') }}</th>
							<th>{{ __('Actions') }}</th>
						</tr>
					</thead>

					<tbody>
              			@include('back.user.table',compact('datas'))
					</tbody>

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

</div>

</div>
<!-- End of Main Content -->


{{-- DELETE MODAL --}}

<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="confirm-deleteModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">

		<!-- Modal Header -->
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">{{ __('Confirm Delete?') }}</h5>
          <button class="close" type="button" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
          </button>
		</div>

		<!-- Modal Body -->
        <div class="modal-body">
			{{ __('You are going to delete this Admin. All contents related with this admin will be lost.') }} {{ __('Do you want to delete it?') }}
		</div>

		<!-- Modal footer -->
        <div class="modal-footer">
			<button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('Cancel') }}</button>
			<form action="" class="d-inline btn-ok" method="POST">

                @csrf

                @method('DELETE')

                <button type="submit" class="btn btn-danger">{{ __('Delete') }}</button>

			</form>
		</div>

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

{{-- DELETE MODAL ENDS --}}


@endsection