@extends('admin.theme.default')
@section('content')
    @include('admin.breadcrumb')

    <div class="row">
        <div class="col-sm-12">
            <div class="card border-0 box-shadow">
                <div class="card-body">
                    <div class="card-block text-center">
                        <img src="https://qrcode.tec-it.com/API/QRCode?data={{ URL::to('/') }}/{{ Auth::user()->slug }}&choe=UTF-8"
                            width="300px" />
                        <div class="card-block mt-3">
                            <button class="btn btn-secondary px-4" onclick="myFunction()">{{ trans('labels.share') }}
                                <i class="fa-sharp fa-solid fa-share-nodes ms-2"></i></button>
                            <a href="https://qrcode.tec-it.com/API/QRCode?data={{ URL::to('/') }}/{{ Auth::user()->slug }}&choe=UTF-8"
                                target="_blank" class="btn btn-secondary px-4">{{ trans('labels.download') }}
                                <i class="fa-solid fa-arrow-down-to-line ms-2"></i></a>
                            <div id="share-icons" class="d-none">
                                {!! $shareComponent !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        function myFunction() {
            $('#share-icons').toggleClass('d-none');
        }
    </script>
@endsection