@extends('layouts.app')
@section('title')
    Procurement Data Lists
@endsection
@section('content')
    <div class="row card">


        <div class="mt-3 card-body card-white mb-4">
            <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                <h6 class="m-0 font-weight-normal text-head-color">Candidate Lists 
                    <b> Total :   {{ isset($dataListCount) ? $dataListCount :0 }}</b></h6>
            </div>
            <br>
            <div id='loader'></div>

            <form action="{{ route('send-email') }}" method="GET" enctype="multipart/form-data">
                <div class="row">
                    <div class=" form-group col-md-3">
                        <label> Search by Table Name </label>
                        <input type="text"  name="TableName" value="{{ Request::get('TableName') }}"
                            placeholder="Search by TableName " class="form-control TableName">
                    </div>

                    <div class="form-group col-md-3">
                        <label>Mail Filter </label>
                        <select class="form-control config" name="IsEmailSent">
                            <option value="">All</option>
                                <option value="0" @if (Request::get('IsEmailSent') == 0) selected @endif>Not Send</option>
                                <option value="1" @if (Request::get('IsEmailSent') == 1) selected @endif>Alredy Send</option>
                        </select>
                    </div>

                    <div class="form-group col-md-3">
                        <label>Select Template</label>
                        <select class="form-control template" name="template">
                            <option value="">Select</option>
                            @foreach ($templates as $template)
                                <option value="{{ base64_encode($template->ID) }}" @if (Request::get('template') == base64_encode($template->ID)) selected @endif>
                                    {{ $template->Name }}</option>
                            @endforeach
                        </select>
                    </div>

                   


                    <div class="form-group col-md-4 action-button">
                        <button type="submit" class="btn btn-success"><i style="font-size:20px" class="fa">&#xf002;</i>
                            Search</button>

                            @if (count($dataLists) > 0)
                            <button type="button" onclick="display_data()" class="btn btn-danger btn-rounded">
                                Send Mail</button>
                                @endif
                                

                    </div>
                    
                   
                </div>
            </form>
            <div class="loader-div">
                <img class="loader-img" src="assets/images/loader.gif" style="height: 120px;width: auto;" />
            
            </div> 
            <br>
                <div class="text-success" >
                    <center><h3 id="loadmessage"> </h3></center>
                </div>
                <br>
            @if (count($dataLists) > 0)
            <div class="mt-2 mb-4" id="maintable">

                
                


                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>S.No</th>
                            <th>App No</th>
                            <th>Name</th>
                            <th>Email ID</th>
                            <th>Mobile</th>
                            <th> Email Sent </th>

                        </tr>
                    </thead>
                    <tbody>
                        @if (count($dataLists) > 0)
                            @foreach ($dataLists as $key => $dataList)
                                <tr>
                                    <td>{{ $key + 1 }}</td>

                                    <td> {{ isset($dataList->ApplicationNumber) ? $dataList->ApplicationNumber : null }}
                                    </td>
                                    <td> {{ isset($dataList->CandidateName) ? $dataList->CandidateName : null }}
                                    </td>
                                    <td> {{ isset($dataList->CandidateEmail) ? $dataList->CandidateEmail : null }}
                                    </td>
                                    <td> {{ isset($dataList->CandidateMobile) ? $dataList->CandidateMobile : null }}
                                    </td>
                                    <td> @if(isset($dataList->IsEmailSent)=='0') Not Sent @else Sent @endif
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="11">
                                    <center>No Data Found !!</center>
                                </td>
                            </tr>
                        @endif
                    </tbody>
                </table>
               
                {!! $dataLists->appends(request()->query())->links('pagination::bootstrap-4') !!} 
            </div>
            @endif



        </div>
    </div>
    @endsection
    <style type="text/css">
    #loadmessage {}
    .form-group.col-md-4.action-button {
    padding-top: 27px;
}
		.loader-div {
			display: none;
			position: fixed;
			margin: 0px;
			padding: 0px;
			right: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			background-color: #fff;
			z-index: 30001;
			opacity: 0.8;
		}
		.loader-img {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
		}
	</style>

    @push('js')
    <script type="text/javascript">
		function display_data() {
            $("#maintable").hide();
            $("#loadmessage").html("Warning !! Do Not Close this Window.");
			$(".loader-div").show(); // show loader
            var TableName = $('.TableName').val();
            var template = $('.template').val();
            
			$.ajax({
                
                 url:"{{ url('send-email') }}",
				 type:"POST",
                 cache: false,
                 data:{
                    "_token": "{{ csrf_token() }}",
                    TableName: TableName,
                    template:template
                 },
				 success:function(result){
                    console.log('ss');
                    $("#maintable").show();
                    $('#loadmessage').html(result).css("display", "block");
                    $(".loader-div").hide();
                },
				  error: function (xhr, status) {
					$(".loader-div").hide(); // hide loader	
					console.log('ajax error = ' + xhr.statusText);
				  }
			 });
		}
    </script>
    @endpush