@extends('layouts.master')

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>



@section('content')
<div class="right_col" role="main">
    <div class="">
        <div class="page-title">
            <div class="title_left">
                <h3>Manage Poi Owners</h3>                
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="">
                    <div class="">
                        <div class="btn btn-primary pull-right">
                            <a href= "get_poi_user" style="border-radius:50px;color:white;"> <b>+</b> </a></div>


                        {{-- START ADD MODAL --}}
                        <div class="modal fade" id="addNew" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
                            <div class="modal-dialog modal-md" 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="modalLabel">Add New</h4>
                                    </div>

                                    {{ Form::open(['route' => 'poi_add_user', 'files' => true]) }}


                                    <div class="modal-body"> 
<!-- <center>
<div style="border: 1px solid #E6E9ED; margin-left: -1px;width: 100px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image').click();" align="left" title=" Browse Image"> 

<img src="{{ url('images/logo/plus.png') }}" alt="" class="avtar1 img-responsive" style="height: 100px; width: 100px;" />

</div>

<input type="file" name="image" value="" class="browse_image" id="browse_image" onChange="uploadProfileImage1(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">
</center> -->


                                        <label >  Name :</label>			
                                        <div style="padding: 5px;" class="form-group">
                                            <input type="text" name="name" class="form-control"  placeholder="">
                                        </div>	

                                        <label >  Email :</label>			
                                        <div style="padding: 5px;" class="form-group">
                                            <input type="text" name="email" class="form-control" required="" placeholder="">
                                        </div>	
                                        <label >  Phone :</label>			
                                        <div style="padding: 5px;" class="form-group">
                                            <input type="text" name="phone" class="form-control" placeholder="">
                                        </div>	



                                        <!-- 
                                        
                                                                        <label >  Image :</label>			
                                                                        <div style="padding: 5px;" class="form-group">
                                                                        <input type="file" name="image" class="form-control" required="" placeholder="">
                                                                </div>	 -->


                                        <center> {{ Form::submit('Save', ['class' => 'btn btn-primary']) }} </center>					
                                    </div>
                                    {{ Form::close() }}
                                </div>
                            </div>
                        </div>
                        {{-- END ADD MODAL --}}




                        <div class="clearfix"></div>
                        {{-- START ALERT BLOCK --}}
                        @if(Session::has('successMessage'))
                        <div class="alert alert-success" role="alert">
                            <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                            {!! html_entity_decode(session('successMessage')) !!}
                        </div>
                        @endif
                        @if(Session::has('dangerMessage') || count($errors))
                        <div class="alert alert-danger" role="alert">
                            <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                            {!! html_entity_decode(session('dangerMessage')) !!}
                            {{ $errors->first() }}
                        </div>
                        @endif
                        {{-- END ALERT BLOCK --}}
                    </div>
                </div>
                <div class="table-responsive col-md-12">  


                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Phone</th>
                                <th> Status</th>		
                                <th> Last Ping</th>					
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                            $num = 0;
                            @endphp						
                            @forelse($users as $user)
                            <tr>							
                                <td>{{ ++$num }}</td>
                                <td>{{$user->name }}</td>
                                <td>	{{$user->email }}</td>		
                                <td>	{{$user->phone }}</td>		
                                <td>@php
                                    if($user->isActive == 0){
                                    echo "<span style='color:grey;'>Inactive</span>";
                                    }
                                    else{
                                    $end  = \Carbon\Carbon::now();  
                                    $user->last_data_date;
                                    if(!empty($user->last_data_date)){
                                    $start  =  $user->last_data_date;
                                    $differenceInSeconds = strtotime($end) - strtotime($start);
                                    if($differenceInSeconds>90){
                                    echo "<span style='color:black;'><b>Active</b></span>";
                                    }else{
                                    echo "<span style='color:black;'><b>Active</b></span><span style='color:green;'><b> [Online]</b></span>";
                                    }
                                    }else{
                                    echo "-";
                                    }
                                    }
                                    @endphp
                                </td>

                                <td>	
                                    {{$user->last_data_date ?? '-'}}
                                </td>

                                <td>

                                    <a class="btn btn-primary btn-xs"  href="edit_poi_user/{{$user->id}}" style="border-radius:50px;"> <i class="fa fa-pencil" aria-hidden="true"></i> </a>

                                    {!! html_entity_decode(link_to_route('admin_del_poiowner', '<i  class="fa fa-trash-o btn btn-danger btn-xs" aria-hidden="true"></i>', [$user->id], ['onclick' => 'return checkDelete()', 'title' => 'Delete'])) !!} 
                                    <div class="modal fade" id="update{{$user->id}}" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
                                        <div class="modal-dialog modal-md" 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="modalLabel">Update Password </h4>
                                                </div>

                                                {{ Form::open(['route' => 'edit_user_pass', 'files' => true]) }}
                                                <div class="modal-body"> 
                                                    <input type="hidden" name="user_id" class="form-control" required="" value="{{$user->id }}" placeholder="">
                                                    <label >  Password :</label>			
                                                    <div style="padding: 5px;" class="form-group">
                                                        <input type="password" name="password" class="form-control" placeholder="Password" required="" value=""  placeholder="">
                                                    </div>	
                                                    <center> {{ Form::submit('Save', ['class' => 'btn btn-primary']) }} </center>					
                                                </div>
                                                {{ Form::close() }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal fade" id="editNew{{$user->id}}" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
                                        <div class="modal-dialog modal-md" 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="modalLabel">Edit </h4>
                                                </div>

                                                {{ Form::open(['route' => 'admin-edit-user', 'files' => true]) }}
                                                <div class="modal-body"> 

                                                    <label >  Name :</label>			
                                                    <div style="padding: 5px;" class="form-group">
                                                        <input type="text" name="name" class="form-control" required="" value="{{$user->name }}" placeholder="">


                                                        <input type="hidden" name="user_id" class="form-control" required="" value="{{$user->id }}" placeholder="">
                                                    </div>	

                                                    <label >  Email :</label>			
                                                    <div style="padding: 5px;" class="form-group">
                                                        <input type="text" name="email" class="form-control" required="" value="{{$user->email }}"  placeholder="">
                                                    </div>	
                                                    <label >  Phone :</label>			
                                                    <div style="padding: 5px;" class="form-group">
                                                        <input type="text" name="phone" class="form-control" required="" value="{{$user->phone }}"  placeholder="">
                                                    </div>	




                                                    <!-- 	<label >  Image :</label>			
                                                            <div style="padding: 5px;" class="form-group">
                                                            <input type="file" name="image" class="form-control" placeholder="">
                                                    </div>	 -->


                                                    <center> {{ Form::submit('Save', ['class' => 'btn btn-primary']) }} </center>					
                                                </div>
                                                {{ Form::close() }}
                                            </div>
                                        </div>
                                    </div>




                                    <!-- 
                                     <a class="btn btn-primary btn-xs" data-toggle = 'modal' data-target = '#viewNew{{$user->id}}' style="border-radius:50px;"> <i class="fa fa-eye" aria-hidden="true"></i> </a>
                                    -->

                                    <div class="modal fade" id="viewNew{{$user->id}}" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
                                        <div class="modal-dialog modal-md" 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="modalLabel">View </h4>
                                                </div>


                                                <div class="modal-body"> 

                                                    <table class="" style="width: 100%">
                                                        <tr>
                                                            <td><label >  Name :</label>	</td>
                                                            <td>	{{$user->name }}</td>
                                                        </tr>
                                                        <tr>
                                                            <td><label >  Email :</label>	</td>
                                                            <td>	{{$user->email }}</td>
                                                        </tr>
                                                        <tr>
                                                            <td><label >  Phone :</label>	</td>
                                                            <td>	{{$user->phone }}</td>
                                                        </tr>



                                                    </table>




                                                </div>

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

                                </td>



                            </tr>
                        </tbody>						 
                        @empty							
                        <tr> <td colspan="4" class="text-center">No Records Found.</td> </tr>
                        @endforelse						
                    </table>
                </div>                      

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





@endsection

@push('jsCode')

<script type="text/javascript">

function close_modal() {
    location.reload();
}


$(document).ready(function () {

    $('#btn').click(function () {
        alert('done');
        var category_name = $('$categoryName').value();
        $.ajax({
            type: "POST",
            data: 'category_name=' + 'category_name',
            url: '{{ url("/") }}/add-category',
            success: function (data) {
                console.log(data);
            }
        });
    });
});
</script>

<script>


    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': '{{ csrf_token() }}'
        }
    });

    $(document).on('click', '.pagination li a', function (e) {
        e.preventDefault();
        var url = $(this).attr('href');
        $('#searchForm').attr('action', url);
        console.log($('#searchForm').attr('action'));
        $('#searchForm').submit();
    });

    function checkInActive() {
        return confirm("Are you sure you want to Deactivate?");
    }

    function checkActive() {
        return confirm("Are you sure you want to Activate?");
    }

    function checkDelete() {
        return confirm("Are you sure you want to delete?");
    }

    $(document).ready(function () {
        disabledSearchBtn();

        $(document).on('change', '#searchForm select', function () {
            disabledSearchBtn();
        });

        $(document).on('keyup', '#searchForm input', function () {
            disabledSearchBtn();
        });

        function disabledSearchBtn() {
            var searchBtn = false;
            $('.filters').each(function () {
                if ($(this).val() != '') {
                    searchBtn = true;
                    return true;
                }
            });

            if (searchBtn) {
                $('#searchBtn').removeAttr('disabled');
            } else {
                $('#searchBtn').attr('disabled', true);
            }
        }
    });



</script>


<script type="text/javascript">



    function uploadProfileImage1(fileInput) {

        if (fileInput.files && fileInput.files[0]) {

            var reader = new FileReader();

            reader.onload = function (e) {

                $('.avtar1').attr('src', e.target.result);

            };

            reader.readAsDataURL(fileInput.files[0]);

        }

    }





    function uploadProfileImage2(fileInput2) {

        if (fileInput2.files && fileInput2.files[0]) {

            var reader = new FileReader();

            reader.onload = function (e) {

                $('.avtar2').attr('src', e.target.result);

            };

            reader.readAsDataURL(fileInput2.files[0]);

        }

    }





    function uploadProfileImage3(fileInput3) {

        if (fileInput3.files && fileInput3.files[0]) {

            var reader = new FileReader();

            reader.onload = function (e) {

                $('.avtar3').attr('src', e.target.result);

            };

            reader.readAsDataURL(fileInput3.files[0]);

        }

    }





    function uploadProfileImage4(fileInput4) {

        if (fileInput4.files && fileInput4.files[0]) {

            var reader = new FileReader();

            reader.onload = function (e) {

                $('.avtar4').attr('src', e.target.result);

            };

            reader.readAsDataURL(fileInput4.files[0]);

        }

    }





    function uploadProfileImage5(fileInput5) {

        if (fileInput5.files && fileInput5.files[0]) {

            var reader = new FileReader();

            reader.onload = function (e) {

                $('.avtar5').attr('src', e.target.result);

            };

            reader.readAsDataURL(fileInput5.files[0]);

        }

    }



    function uploadProfileImage6(fileInput6) {

        if (fileInput6.files && fileInput6.files[0]) {

            var reader = new FileReader();

            reader.onload = function (e) {

                $('.avtar6').attr('src', e.target.result);

            };

            reader.readAsDataURL(fileInput6.files[0]);

        }

    }





    function uploadProfileImage7(fileInput7) {

        if (fileInput7.files && fileInput7.files[0]) {

            var reader = new FileReader();

            reader.onload = function (e) {

                $('.avtar7').attr('src', e.target.result);

            };

            reader.readAsDataURL(fileInput7.files[0]);

        }

    }





    function uploadProfileImageH1(fileInputH1) {

        if (fileInputH1.files && fileInputH1.files[0]) {

            var reader = new FileReader();

            reader.onload = function (e) {

                $('.avtarH1').attr('src', e.target.result);

            };

            reader.readAsDataURL(fileInputH1.files[0]);

        }

    }





    function uploadProfileImageH2(fileInputH2) {

        if (fileInputH2.files && fileInputH2.files[0]) {

            var reader = new FileReader();

            reader.onload = function (e) {

                $('.avtarH2').attr('src', e.target.result);

            };

            reader.readAsDataURL(fileInputH2.files[0]);

        }

    }





    function uploadProfileImageH3(fileInputH3) {

        if (fileInputH3.files && fileInputH3.files[0]) {

            var reader = new FileReader();

            reader.onload = function (e) {

                $('.avtarH3').attr('src', e.target.result);

            };

            reader.readAsDataURL(fileInputH3.files[0]);

        }

    }
</script>


@endpush