@extends('user.layouts.master')
@section('css')
@endsection
@section('user-content')
    <div class="page-title-box">
        <div class="row align-items-center">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <h1 class="text-center">{{ $title }}</h1>
                        <p class="mb-2 text-center">{{ referral_notice() }}</p>
                        <input type="hidden" value="{{ url('/refer-user/'.Auth::user()->code) }}" id="refer_link">
                        <p class="text-success text-center">{{ url('/refer-user/'.Auth::user()->code) }} <a href="javascript:;" class="btn btn-info btn-sm" onclick="copyReferLink()">Copy</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script>
        function copyReferLink(){
            var refer_link = $('#refer_link').val();
            navigator.clipboard.writeText(refer_link);
            alert('Link copied!');
        }
    </script>
@endsection