@extends('layouts.erp_theme_01')
@section('content')
    

    <div class="row">

        <div class="col-md-12">
            <div class="card ">
                <div class='card-header'>
                    <div class="row">
                        <div class="col-11">
                            <h3 class="title">{{ $project->project_name }}</h3>
                        </div>
                        <div class="col-1">
                            <div class="dropdown ">
                                <button class="btn btn-primary btn-sm" type="button" id="pullDown"
                                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <i class='fa fa-cog'></i>
                                </button>
                                <div class="dropdown-menu  " aria-labelledby="pullDown">
                                    <a class="dropdown-item btnedit" href="/admin/view-all-projects">Back to
                                        Projects</a>
                                </div>
                            </div>
                        </div>
                    </div>


                    @switch($project->current_status )
                        @case('new'  )
                            <span class='badge badge-primary badge-pill'>New Project</span>
                            @break
                        @case( 'active'  )
                            <span class='badge badge-success badge-pill'>Active Project</span>
                            @break
                        @case( 'paused' )
                            <span class='badge badge-warning badge-pill'>Paused Project</span>
                            @break
                        @case('completed'  )
                            <span class='badge badge-success badge-pill'>Completed Project</span>
                            @break
                        @case( 'cancelled'  )
                            <span class='badge badge-danger badge-pill'>Cancelled Project</span>
                            @break
                    @endswitch
                    <span class='badge badge-info badge-pill'>{{ $project->location_name }}</span>
                </div>

                <div class="card-body ">

                    {{ $project->project_desc }}
                </div>
            </div>
        </div>


        <div class="col-md-12 mt-5">
            <div class="card ">
                <div class='card-header'>
                    <div class="row">
                        <div class="col-11">
                            <h3 class="title">Guest View Links</h3>
                        </div>
                        <div class="col-1">
                            <button type="button" class="btn btn-primary" data-toggle="modal"
                                    data-target="#modalGenerateLink">
                                <i class='fa fa-plus'></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="card-body ">

                    <div class="row">
                        @if (session('err_msg'))
                            <div class="col-md-12">
                                <div class="alert alert-info">
                                    {{ session('err_msg') }}
                                </div>
                            </div>
                        @endif
                    </div>


                    @if(count($guest_urls) > 0 )
                        <table class="table table-bordered mb-3">
                            <tr class="text-left" style='font-size: 12px'>
                                <th class="text-left">Guest View Link</th>
                                <th class="text-center">Action</th>
                            </tr>
                            @php
                                $slno = 1;
                            @endphp
                            @foreach ($guest_urls  as $item)
                                <tr>
                                    <td class="text-left">{{ URL::to('/guest/view-project-report') }}
                                        ?guestcode={{ $item->guest_view_id }}</td>
                                    <td>

                                        <a href='#'
                                           data-href="{{ URL::to('/guest/view-project-report') }}?guestcode={{ $item->guest_view_id }}"
                                           class='btn btn-sm btn-primary btncopy'><i class='fa fa-copy'></i></a>
                                        <a target="_blank" class='btn btn-sm btn-success'
                                           href="https://web.whatsapp.com/send?text={{ URL::to('/guest/view-project-report') }}?guestcode={{ $item->guest_view_id }}"
                                           data-action="share/whatsapp/share">
                                            <i class='fa fa-share'></i>
                                        </a>
                                        <a target="_blank" class='btn btn-sm btn-danger btndel'
                                           data-widget="delguestview" data-key="{{ $item->guest_view_id }}">
                                            <i class='fa fa-trash white'></i>
                                        </a>
                                    </td>
                                </tr>
                                @php
                                    $slno++;
                                @endphp
                            @endforeach
                        </table>
                    @else
                        <p class='alert alert-info'>No sharable link found!</p>
                    @endif
                </div>
            </div>
        </div>
    </div>


    <form action="{{ action('Crm\Controller\ProjectManager@saveGuestViewCode') }}" method="post">
        {{ csrf_field() }}
        <div class="modal fade" id="modalGenerateLink" tabindex="-1" aria-labelledby="exampleModalLabel"
             aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Prepare Guest View</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="form-group row">
                            <label for="inputPassword" class="col-sm-6 col-form-label">Guest view expires after:</label>
                            <div class="col-sm-6">
                                <select class="form-control" id="expiretime" name='expiretime'>
                                    <option value='5'>5 Minutes</option>
                                    <option value='10'>10 Minutes</option>
                                    <option value='30'>30 Minutes</option>
                                    <option value='60'>1 Hour</option>
                                    <option value='720'>12 Hours</option>
                                </select>
                            </div>

                        </div>
                    </div>
                    <div class="modal-footer">
                        <input type="hidden" id="guestcode" name='guestcode' value="{{ time() }}">
                        <input type='hidden' value="{{ $project->id  }}" name="key"/>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" name='btnsave' value='save' class="btn btn-primary">Generate Link</button>
                    </div>
                </div>
            </div>
        </div>
    </form>


    <div id='sysnotif' class="modal" tabindex="-1">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">System Notification</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Guest view link copied!</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>



    <form action="{{ action('Crm\Controller\ProjectManager@deleteGuestViewSession') }}" enctype="multipart/form-data"
          method="post">
        {{ csrf_field() }}
        <div id='wgt-delguestview' class="modal" tabindex="-1">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Delete Guest View Session</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <p class='alert alert-danger'>Selected guest view session will be deleted. Are you sure about
                            this operation?</p>
                    </div>
                    <div class="modal-footer">
                        <input type="hidden" id='key-delguestview' name='guestcode'/>
                        <input type="hidden" value="{{ $project->id }}" name='key'/>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        <button type="submit" name='btnsubmit' value='submit' class="btn btn-danger">Delete</button>
                    </div>
                </div>
            </div>
        </div>
    </form>

@endsection


@section('script')

    <script>

        $(".btncopy").on("click", function () {

            var $temp = $("<input>");
            $("body").append($temp);
            $temp.val($(this).attr("data-href")).select();
            ;
            document.execCommand("copy");
            $temp.remove();

            $("#sysnotif").modal("show");
        })


        $(".btndel").on('click', function () {
            var key = $(this).attr("data-key");
            $widget = $(this).attr("data-widget");
            $("#key-" + $widget).val(key);
            $("#wgt-" + $widget).modal('show');
        });


    </script>

@endsection