@extends('adminlayout.admin')

@section('content')

<style type="text/css">
    .pop_up_header{
        text-align: center;
    }
    .pop_up_header_image{
        width: 110px;
    }
</style>

@if(Session::get('refer_link'))
@php  
    $refer_link = Session::get('refer_link');
@endphp
<script>
window.location.href = ''
</script>
@endif

<!-- model for copy redirect link starts here-->
@if(Session::get('share_link'))
@php  
    $refer_link = Session::get('share_link');
@endphp


<div class="modal fade" id="refer_link">
    <div class="modal-dialog">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title">Refferal Link </h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <!-- Modal body -->
            <div class="modal-body">
                <div class="card card-bordered">
                    <div class="">
                        <div class="nk-refwg-invite card-inner">
                            <div class="nk-refwg-head g-3">
                                <div class="nk-refwg-title">
                                    <h5 class="title">Refer Us & Earn</h5>
                                    <div class="title-sub">Use the bellow link to invite your friends.</div>
                                </div>
                                <div class="nk-refwg-action">
                                    <a class="fs-22px" style="color: #4267B2;" href="https://www.facebook.com/sharer.php?u={{ $refer_link }}"><em class="icon ni ni-facebook-fill"></em></a>
                                    <a class="fs-22px" style="color: #45bf54;" href="https://api.whatsapp.com/send?text={{ $refer_link }}"><em class="icon ni ni-whatsapp-round"></em></a>
                                    <a class="fs-22px" style="color: #00acee;" href="https://twitter.com/intent/tweet?url={{ $refer_link }}"><em class="icon ni ni-twitter-round"></em></a>
                                    <a class="fs-22px" style="color: #0072b1;" href="https://www.linkedin.com/shareArticle?url={{ $refer_link }}"><em class="icon ni ni-linkedin-round"></em></a>
                                    <a class="fs-22px" style="color: #db4a39;" href="https://plus.google.com/share?url={{ $refer_link }}"><em class="icon ni ni-google"></em>+</a>
                                </div>
                            </div>
                            <div class="nk-refwg-url">
                                <div class="form-control-wrap">
                                    <div class="form-clip clipboard-init" data-clipboard-target="#refUrl" data-success="Copied" data-text="Copy Link"><em class="clipboard-icon icon ni ni-copy"></em> <span class="clipboard-text">Copy Link</span></div>
                                    <div class="form-icon">
                                        <em class="icon ni ni-link-alt"></em>
                                    </div>
                                    <input type="text" class="form-control copy-text" id="refUrl" value="{{ $refer_link }}">
                                </div>
                            </div>
                        </div><!-- .nk-refwg-invite -->
                    </div><!-- .nk-refwg -->
                </div><!-- .card -->
            </div>
            <!-- Modal footer -->
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@endif
<!-- model for copy redirect link ends here -->

<!-- model for store user's info -->
<div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title">User Details</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <!-- Modal body -->
            <div class="modal-body">
                <div class="pop_up_header">
                    <img class="pop_up_header_image" src="{{ url('/').'/public/logo.png' }}">
                </div>
                <form method="post" action="{{ route('refer_link_details') }}">
                    <div class="form-group">
                        <label>Name:</label>
                        <input type="text" name="name" maxlength="200" class="form-control" value="{{ old('name') }}">
                        <span class="text-danger">@if ($errors->has('name')){{ $errors->first('name') }}@endif</span>
                        @csrf
                        <input type="hidden" name="type" id="type" value="">
                        <br>
                        <label>Email:</label>
                        <input type="email" name="email" maxlength="200" class="form-control" value="{{ old('email') }}">
                        <span class="text-danger">@if ($errors->has('email')){{ $errors->first('email') }}@endif</span>
                        <br>
                        <label>Mobile:</label>
                        <input type="numeric" name="phone" maxlength="200" class="form-control" value="{{ old('phone') }}">
                        <span class="text-danger">@if ($errors->has('phone')){{ $errors->first('phone') }}@endif</span>
                        <input type="hidden" name="id" id="id" value="{{ old('id') }}">
                    </div>
                
            </div>
            <!-- Modal footer -->
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-success">Submit</button></form>
            </div>
        </div>
    </div>
</div>
<!-- model ends -->
<div class="nk-content nk-content-fluid">
    <div class="container-xl wide-lg">
        <div class="nk-content-body">
            <div class="nk-block-head nk-block-head-sm">
                <br><br>
                <div class="nk-block-between">
                    <div class="nk-block-head-content">
                        <h3 class="nk-block-title page-title">{{ $datas[0]->refer_link_category->name ?? '' }}</h3>
                        <div class="nk-block-des text-soft">
                            <p>You have total {{ count($datas) }} {{ (isset($datas[0]->refer_link_category->name))? 'of '.$datas[0]->refer_link_category->name : '' }}.</p>
                        </div>
                    </div><!-- .nk-block-head-content -->
                    <div class="nk-block-head-content">
                        <a href="{{route('dashboard')}}" class="btn btn-outline-light bg-white d-none d-sm-inline-flex"><em class="icon ni ni-arrow-left"></em><span>Back</span></a>
                        <a href="{{route('dashboard')}}" class="btn btn-icon btn-outline-light bg-white d-inline-flex d-sm-none"><em class="icon ni ni-arrow-left"></em></a>
                    </div>
                </div><!-- .nk-block-between -->
             
            </div><!-- .nk-block-head -->
            <div class="nk-block nk-block-lg">
                <div class="row g-gs">
                    @php $i=1; @endphp
                    @foreach ($datas as $data)
                    @php
                    $bgcolor = '';
                        if($i%4==0) {
                            $bgcolor = 'bg-warning';
                        } elseif($i%2==0) {
                            $bgcolor = 'bg-success';
                        } elseif($i%3==0) {
                            $bgcolor = 'bg-info';
                        } else {
                            $bgcolor = 'bg-primary';
                        }
                    @endphp
                    <div class="col-sm-6 col-lg-4">
                        <div class="card card-bordered {{ $bgcolor }}">
                            <div class="card-inner">
                                <div class="team">
                                    <div class="lg bg-light text-center">
                                        <img src="{{ url($data->company_logo) }}" style="height: 125px; width: 100%; max-width: 220px;" alt="">
                                    </div>
                                    <div class="user-info text-center" style="margin: 1.15rem 0 0 !important;">
                                        <h6>{{ $data->name }}</h6>
                                        {{-- <span class="sub-text">{{ $data->price }}</span> --}}
                                    </div>
                                    {{-- <ul class="team-info" style="padding: 0">
                                        <li><span class="text-white">Commission </span><span class="text-white">{{ $data->commission }} </span></li>
                                    </ul> --}}
                                    @if(Auth::user()->hasRole('super_admin', 'admin', 'partner', 'franchise', 'suvidha_kendra'))
                                    <ul class="team-info" style="padding: 0">
                                        <li><span class="text-white">Payout </span><span class="text-white">{{ $data->payout }} </span></li>
                                    </ul>
                                    <ul class="team-info" style="padding: 0">
                                        <li><span class="text-white">Payout Time </span><span class="text-white">{{ $data->payout_time }} </span></li>
                                    </ul>
                                    <ul class="team-info" style="padding: 0">
                                        <li><span class="text-white">Trade/Deposit Commission</span><span class="text-white">{{ $data->suvidha_kendra_trade_commission }} </span></li>
                                    </ul>
                                    @endif
                                    <ul class="team-info" style="padding: 0">
                                        <li>
                                            <span class="text-white">Details </span>
                                            {{-- <span class="text-white">{!! $data->details  !!}</span> --}}
                                            <span class="btn btn-default text-white" data-toggle="modal" data-target="#showdetails{{$data->id}}">
                                                <i class="fas fa-eye"></i> &nbsp; &nbsp; View
                                            </span>
                                        </li>
                                    </ul>
                                    <ul class="team-info" style="padding: 0">
                                        <li>
                                            <span class="text-white">Video </span>
                                            {{-- <span class="text-white">{!! $data->details  !!}</span> --}}
                                            <span class="btn btn-default text-white" data-toggle="modal" data-target="#showvideo{{$data->id}}">
                                                <i class="fas fa-eye"></i> &nbsp; &nbsp; View
                                            </span>
                                        </li>
                                    </ul>
                                    <div class="team-view">
                                       <a href="{{route('get_refer_link', ['id' => $data->id, 'user_id' => Auth::user()->id] )}}" style="margin-top: 8px;" id="apply-now" class="btn btn-block btn-dim btn-danger"><span>Share</span></a>
									   <a id="apply-now" style="margin-left: 7px;" href ="javascript:void(0)" onclick="showmodel({{$data->id}}, '{{ $data->type }}')" class="btn btn-block btn-dim btn-danger"><span>Add Lead</span></a>
                                    </div>
                                </div>
                                <div class="modal fade" role="dialog" id="showdetails{{$data->id}}">
                                    <div class="modal-dialog modal-dialog-centered modal-md" role="document">
                                        <div class="modal-content">
                                            <a href="#" class="close" data-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
                                            <div class="modal-body modal-body-md">
                                                <h5 class="add-itrcategory">Details</h5>
                                                <div class="tab-content">
                                                    <div class="tab-pane active" id="personal-document">
                                                        {!! $data->details  !!}
                                                    </div>
                                                    <!-- .tab-pane -->
                                                </div>
                                                <!-- .tab-content -->
                                            </div>
                                            <!-- .modal-body -->
                                        </div>
                                        <!-- .modal-content -->
                                    </div>
                                    <!-- .modal-dialog -->
                                </div>
                                
                                <div class="modal fade" role="dialog" id="showvideo{{$data->id}}">
                                    <div class="modal-dialog modal-dialog-centered modal-md" role="document">
                                        <div class="modal-content">
                                            <a href="#" class="close" data-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
                                            <div class="modal-body modal-body-md">
                                                <h5 class="add-itrcategory">Training Video</h5>
                                                <div class="tab-content">
                                                    <div class="tab-pane active" id="personal-document">
                                                                                                                <iframe width="420" height="315"
                                                        src="https://www.youtube.com/embed/{{ $url }}">
                                                        </iframe>
                                                        
                                                    </div>
                                                    <!-- .tab-pane -->
                                                </div>
                                                <!-- .tab-content -->
                                            </div>
                                            <!-- .modal-body -->
                                        </div>
                                        <!-- .modal-content -->
                                    </div>
                                    <!-- .modal-dialog -->
                                </div>
                            </div>
                        </div>
                    </div>
                    @php $i++; @endphp
                    @endforeach
                    
                </div>
            </div><!-- .nk-block -->
        </div>
    </div>
</div>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
    $( document ).ready(function() {
        $('#refer_link').modal('show');
    });
    function showmodel(id,type) {
        // alert();
		
        $("#myModal").modal("show");
        $("#id").val(id);
        $("#type").val(type);
    } 
</script>
@if (count($errors) > 0)
<script type="text/javascript">
    $( document ).ready(function() {
        $('#myModal').modal('show');
    });
</script>
@endif
@endsection