@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>

<style>

    .nav-tabs li.active a{
        background-color: #41B3AB !important;
        color: #ffffff !important;
    }
    .switch {

        position: relative;

        display: inline-block;

        width: 52px;
        height: 27px;

    }

    .nav>li>a:hover, .nav>li>a:focus,.nav-tabs.nav-justified>li>a{
        background-color: #EDEDED;
        color: black;
    }

    .switch input {display:none;}



    .slider {

        position: absolute;

        cursor: pointer;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        background-color: #ccc;

        -webkit-transition: .4s;

        transition: .4s;

    }



    .slider:before {

        position: absolute;

        content: "";

        height: 20px;
        width: 20px;

        left: 4px;

        bottom: 4px;

        background-color: white;

        -webkit-transition: .4s;

        transition: .4s;

    }



    input:checked + .slider {

        background-color: #2196F3;

    }



    input:focus + .slider {

        box-shadow: 0 0 1px #2196F3;

    }



    input:checked + .slider:before {

        -webkit-transform: translateX(26px);

        -ms-transform: translateX(26px);

        transform: translateX(26px);

    }



    /* Rounded sliders */

    .slider.round {

        border-radius: 34px;

    }



    .slider.round:before {

        border-radius: 50%;

    }
</style>

@section('content')
<div class="right_col" role="main">
    <div class="">
        <div class="page-title">
            <div class="title_left">



                <div class="col-sm-5">

                    <a href="https://rt66ug.com/admin/public/poi_user"> <i class="fa fa-arrow-left" style="font-size:32px;"></i> </a> 

                </div>
                <div class="col-sm-6">

                    <h3>Edit Owner</h3>  
                </div>              
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12" >
                <div class="container">

                    <div class="tab-content">
                        <ul class="nav nav-tabs nav-justified">
                            <li class="active"><a href="#editowner"  data-toggle="tab">Edit</a></li>
                            <li><a href="#logs"  data-toggle="tab">Logs</a></li>

                        </ul>

                        <div id="editowner" class="tab-pane fade in active" style="margin-top: 15px;">

                            {{ Form::open(['route' => 'poi-edit-user', 'files' => true]) }}


                            <div class="x_panel">




                                <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 class="clearfix"></div>

                                <div class="col-sm-1">
                                    <label>  Active:</label>	
                                </div>
                                <div class="col-sm-1">
                                    <label class="switch">

                                        @if($user->isActive=="1")
                                        <input type="checkbox"  name="isActive"   checked="checked" value="1" onclick="checkInActive()" id="checkitem" >


                                        @else
                                        <input type="checkbox" name="isActive"  value="0" onclick="checkActive()" id="checkitem">

                                        @endif


                                        <span class="slider round"></span>
                                    </label>
                                </div>

                                <div class="clearfix"></div>
                                <div class="col-sm-12" id="top"> 
                                    
                                    <label>MemberShip:</label>     
                                    <div style="padding: 5px;" class="form-group">
                                                                                <select name="membership" class="form-control">
                                                                                                <option value="Prospect">Prospect</option>
                                                 
                                                    <option value="Level 1">Level 1</option>
                                                 
                                                    <option value="Level 2">Level 2</option>
                                                 
                                                    <option value="Level 3">Level 3</option>
                                                 
                                                    <option value="Level 4">Level 4</option>
                                                 
                                        </select>

                                    </div>
                                    
                                    <label>Prospect Status:</label>     
                                    <div style="padding: 5px;" class="form-group">
                                                                                <select name="prospect" class="form-control">
                                                                                                <option value="Not Set">Not Set</option>
                                                 
                                                    <option value="New">New</option>
                                                 
                                                    <option value="Interested">Interested</option>
                                                 
                                                    <option value="Not Interested">Not Interested</option>
                                                 
                                                    <option value="Level 4">Level 4</option>
                                                 
                                        </select>

                                    </div>
                                    
                                    <label>  CRM ID:</label>      
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="text" name="crm_id" class="form-control"  value="{{{$pois->crm_id ?? ''}}}">
                                    </div>

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


                                        <input type="hidden" name="user_id" class="form-control" value="{{$user->id }}" placeholder="">
                                    </div>	
                                    <label>Contact Name:</label>      
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="text" name="contact_name" class="form-control"  placeholder="Contact Name"  value="{{$pois->contact_name ?? ''}}">
                                    </div>

                                    <label>  Address:</label>     
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="text" name="address" class="form-control" placeholder="Address"  value="{{$pois->address ?? ''}}">
                                    </div>  

                                    <label>  City:</label>      
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="text" name="city" class="form-control" placeholder="City" value="{{$pois->city ?? ''}}">
                                    </div>  

                                    <label>  State:</label>     
                                    <div style="padding: 5px;" class="form-group">
                                        <input name="state" value="{{$pois->state ?? ''}}" class="form-control"  placeholder="State">

                                    </div>

                                    <label> Zipcode:</label>     
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="text" name="zipcode" class="form-control" placeholder="Zipcode"  value="{{$pois->zipcode ?? ''}}">
                                    </div>  

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

                                    <label> Mobile Phone:</label>     
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="text" name="mobile_phone" class="form-control" placeholder="Mobile Phone" value="{{$pois->mobile_phone  ?? ''}}">
                                    </div>

                                    <label> SMS/Text phone:</label>     
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="text" name="text_phone" class="form-control" placeholder="SMS/Text phone" value="{{$pois->text_phone ?? '' }}">
                                    </div>
                                    <label> Skype:</label>      
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="text" name="skype" class="form-control" placeholder="Skype" value="{{$pois->skype ?? '' }}">
                                    </div>

                                    <label> Website URL:</label>      
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="text" name="website_url" class="form-control"  value="{{$pois->website_url ?? '' }}">
                                    </div>




                                    <label >  Password:</label>			
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="text" name="password" class="form-control" value=""  placeholder="Change password" autocomplete="off">
                                    </div>
                                    <label> PIN:</label>      
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="text" name="pin" class="form-control" placeholder="PIN" value="{{$pois->pin  ?? ''}}">
                                    </div>


                                    <label >  POIS :</label>			
                                    <div style="padding: 5px;" class="form-group">
                                        @if(isset($pois->poiis))

                                        <textarea class="form-control" name="poiis">{{$pois->poiis }}</textarea>
                                        @else

                                        <textarea class="form-control" name="poiis"></textarea>
                                        @endif
                                    </div>


                                    <label>  Route66Community Auto-Login:</label>     
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="text" name="autologin_url" class="form-control" value="{{$user->autologin_url }}"  placeholder="Route66Community Auto-Login:">
                                    </div>  
                                    <label>POI News</label>     
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="text" name="poi_owner_url" class="form-control" value="{{$user->poi_owner_url }}"  placeholder="POI News">
                                    </div> 
                                    <label> Internal Notes:</label>     
                                    <div style="padding: 5px;" class="form-group">
                                        <textarea name="internal_notes" style="margin: 0px; width: 1070px; height: 83px;">{{$pois->internal_notes ?? '' }}</textarea>
                                    </div>

                                    <label>Map Lat:</label>     
                                    <div style="padding: 5px;" class="form-group">
                                        <input name="maps_lat" value=" {{$pois->maps_lat ?? '' }}" class="form-control">
                                    </div>
                                    <label>Map Long:</label>     
                                    <div style="padding: 5px;" class="form-group">
                                        <input name="maps_long" value="{{$pois->maps_long ?? '' }}" class="form-control">
                                    </div>
                                    <label> Live Map radius (in meters):</label>     
                                    <div style="padding: 5px;" class="form-group">
                                        <input name="live_map_radius" value=" {{$pois->live_map_radius ?? '' }}" class="form-control">
                                    </div>
                                    <center> {{ Form::submit('Save', ['class' => 'btn btn-primary']) }} </center>					
                                </div>
                            </div>
                            {{ Form::close() }}
                        </div>


                        <div id="logs" class="tab-pane fade"  style="margin-top: 15px;">
                            <div class="table-responsive col-md-12">  

                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>Date</th>
                                            <th>Time</th>
                                            <th>Activity</th>

                                        </tr>
                                    </thead>
                                    <tbody>

                                        @forelse($logs as $user)
                                        <tr>              

                                            <td>{{$user->date }}</td>
                                            <td>{{$user->time }}</td>
                                            <td>{{$user->activity }}</td>
                                        </tr>


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




                        </div>
                    </div>
                </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(id) {
        $('#checkitem').val('0');

    }


    function checkActive(id) {
        $('#checkitem').val('1');

    }


    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