neiyou_user_web/resources/views/down/dowload.blade.php

@extends('user.layouts')
@section('css')
    <link href="/assets/global/fonts/themify/themify.min.css" rel="stylesheet">
@endsection
@section('content')
      <div class="row" data-by-row="true">

        <div class="col-xl-4 col-md-4">
            <div class="card">
                <div class="card-body">

                    <!--<h5 class="card-title">我的账号: {{$username}} 到期时间:{{$expireTime}} <br>剩余流量{{$unusedTraffic}}/套餐总流量{{$totalTransfer}}</h5>-->
      <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 14px;">
    <div id="accountInfo" style="border: 1px solid #6B8E23; padding: 5px; line-height: 1.2; color: #008000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; grid-column: span 2;">
        <span style="font-weight: bold; margin-right: 5px;">账号</span>{{ $username }}  <a href="/profile#tab_2" >修改邮箱</a>
    </div>
    <div style="border: 1px solid #6B8E23; padding: 5px; line-height: 1.2; color: #008000;">
        <span style="font-weight: bold; margin-right: 5px;">到期时间</span>
        <script>
            var expireDate = new Date('{{$expireTime}}');
            if (expireDate < new Date()) {
                document.write('<span style="color: #FF0000;">已过期</span>');
            } else {
                document.write(expireDate.toLocaleDateString());
            }
        </script>
    </div>
    <div style="border: 1px solid #6B8E23; padding: 5px; line-height: 1.2; color: #008000;">
        <span style="font-weight: bold; margin-right: 5px;">剩余</span>{{$unusedTraffic}}/
        <span style="font-weight: bold; margin-right: 5px;">总流量</span>{{$totalTransfer}}
    </div>
</div>







<p></p>


                    <p class="card-text">
                 <a href="/userinfo" class="btn btn-light text-success border-success">账号状态</a>
                  <a href="/services" class="btn btn-light text-danger border-danger">购买套餐</a>
        <!--<a href="/services" class="btn btn-light text-success border-success">购买VIP</a>-->
         <a href="/services2" class="btn btn-light text-success border-success">加油包</a>
        <a href="/tickets" class="btn btn-light text-danger border-danger">客服</a>

        <a href="/invoices" class="btn btn-light text-success border-success">账单</a>
        <a href="/referral" class="btn btn-light text-success border-success">推广</a>
         <a href="/nodeList" class="btn btn-light text-success border-success">我的节点</a>
                    </p>
                </div>
            </div>
        </div>

  <div class="col-xl-4 col-md-4">
  <div class="card">
    <div class="card-body">
      <!--<h4 class="card-title cyan-600"><i class="icon wb-link"></i>一键添加订阅地址</h4>-->
      <div class="content-text text-md-left mb-20">
        <button class="btn btn-outline-success btn-block" data-toggle="collapse" data-target="#subscriptionOptions" aria-expanded="false" aria-controls="subscriptionOptions">
          一键导入订阅
        </button>
        <div class="collapse" id="subscriptionOptions">

          <!--<h5><a href="{{$Clash_linkB}}" class="btn btn-primary">备用2一键导入Clash_meta</a></h5>-->
          <!--<h5><a href="{{$Clash_linkC}}" class="btn btn-primary">备用3一键导入Clash_meta</a></h5>-->
          <!--<h3>提示：(过期账号无法订阅)</h3>-->
           <!--<h5>Clash_pro和Clash_原版请手动添加订阅</h5>-->
          <!--<h5><a href="{{$Clash_link}}" class="btn btn-primary">一键导入Clash_Meta</a></h5>-->
          <!--<h5><a href="{{$Clash_linkA}}" class="btn btn-primary">备用1Clash_Meta</a></h5>-->
          <!--<h5><a href="{{$Clash_linkB}}" class="btn btn-primary">备用2Clash_Meta</a></h5>-->
          <!--<h5><a href="{{$Clash_linkC}}" class="btn btn-primary">备用3Clash_Meta（ ）</a></h5>-->


          <!-- <h5><a href="{{$Clash_linkD}}" class="btn btn-primary">一键导入Clash_pro和Clash_原版</a></h5>-->
          <!--<h5><a href="{{$Clash_linkF}}" class="btn btn-primary">备用1导入Clash_pro和原版（ ）</a></h5>-->



          <h5><a href="{{$Shadowrocket_link}}" class="btn btn-primary">一键导入Shadowrocket</a></h5>
          <h5><a href="{{$Shadowrocket_linkA}}" class="btn btn-primary">备用1导入Shadowrocket</a></h5>
          <h5><a href="{{$karing}}" class="btn btn-primary">一键导入karing</a></h5>
          <h5><a href="{{$karingA}}" class="btn btn-primary">备用一键导入karing</a></h5>
          <h5><a href="{{$singBoxA}}" class="btn btn-primary">一键导入sing-box </a></h5>
          <h5><a href="{{$singBox}}" class="btn btn-primary">备用一键导入sing-box</a></h5>
        <h5><a href="{{$hiddify}}" class="btn btn-primary">一键导入hiddify</a></h5>
          <h5><a href="{{$hiddifya}}" class="btn btn-primary">备用一键导入hiddify</a></h5>
          <h5><a href="{{$Clash_link}}" class="btn btn-primary">一键导入clash meta(不支持clash原版）</a></h5>
          <h5><a href="{{$Clash_linkA}}" class="btn btn-primary">备用一键导入clash meta(不支持clash原版）</a></h5>
          <p>一键导入必须在导入的设备安装了软件!</p>



        </div>
      </div>
    </div>
  </div>
</div>


  <div class="col-xl-4 col-md-4">
  <div class="card">
    <div class="card-body">
      <!--<h4 class="card-title cyan-600"><i class="icon wb-link"></i>一键添加订阅地址</h4>-->
      <div class="content-text text-md-left mb-20">
        <button class="btn btn-outline-success btn-block" data-toggle="collapse" data-target="#subscriptionOptions1" aria-expanded="false" aria-controls="subscriptionOptions">
          我的订阅地址
        </button>
        <div class="collapse" id="subscriptionOptions1">

          <h5>通用订阅地址:（复制订阅地址，粘贴到软件上面）</h5>
          <!--<input type="text" class="form-control" id="sub_link" value="{{$link}}"/>-->
            <div class="input-group">
    <input type="text" class="form-control" id="sub_link" value="{{$link}}" readonly>
    <div class="input-group-append">
        <button class="btn btn-outline-secondary" type="button" id="copyButton" data-clipboard-target="#sub_link">复制</button>
    </div>
</div>

           <h5>通用备用订阅地址</h5>
          <!--<input type="text" class="form-control" id="sub_link5" value="{{$link5}}"/>-->
              <div class="input-group">
    <input type="text" class="form-control" id="sub_link5" value="{{$link5}}" readonly>
    <div class="input-group-append">
        <button class="btn btn-outline-secondary" type="button" id="copyButton" data-clipboard-target="#sub_link5">复制</button>
    </div>
</div>
            <h5>sing-box或者dittify订阅地址</h5>
          <!--<input type="text" class="form-control" id="sub_link6" value="{{$link6}}"/>-->

          <div class="input-group">
    <input type="text" class="form-control" id="sub_link6" value="{{$link6}}" readonly>
    <div class="input-group-append">
        <button class="btn btn-outline-secondary" type="button" id="copyButton" data-clipboard-target="#sub_link6">复制</button>
    </div>
</div>

          <!-- <h5>支持Clash.pro 和Clash原版（设置为系统代理” 先把勾去掉）</h5>-->
          <!--<input type="text" class="form-control" id="sub_link4" value="{{$link4}}"/>-->
          <!-- <h5>备用地址</h5>-->
          <!--<input type="text" class="form-control" id="sub_link3" value="{{$link3}}"/>-->
          <P>以上订阅地址不支持 spectre clash原版.请使用我们推荐的软件</P>
        </div>
      </div>
    </div>
  </div>
</div>




<div class="card full-screen-card">
    <div class="card-body">
        @include('down.help')
    </div>
</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.8/clipboard.min.js"></script>
 <script>
    document.addEventListener('DOMContentLoaded', function() {
        var clipboard = new ClipboardJS('#copyButton');

        clipboard.on('success', function(e) {
            alert('已复制到剪贴板');
            e.clearSelection();
        });

        clipboard.on('error', function(e) {
            alert('复制失败，请手动复制');
        });
    });
</script>





</div>

@endsection
@section('javascript')
    <script src="/assets/custom/clipboardjs/clipboard.min.js"></script>
    <script src="/assets/global/js/Plugin/responsive-tabs.js"></script>
    <script src="/assets/global/js/Plugin/tabs.js"></script>
    <script src="/assets/custom/jump-tab.js"></script>

    <script src="/assets/global/vendor/aspieprogress/jquery-asPieProgress.min.js"></script>
    <script src="/assets/global/vendor/matchheight/jquery.matchHeight-min.js"></script>
    <script src="/assets/global/vendor/chart-js/Chart.min.js"></script>
    <script src="/assets/global/vendor/bootstrap-select/bootstrap-select.min.js"></script>
    <script src="/assets/global/js/Plugin/aspieprogress.js"></script>
    <script src="/assets/global/js/Plugin/matchheight.js"></script>
    <script src="/assets/global/js/Plugin/bootstrap-select.js"></script>


    <script>

        // var ifr = document.querySelector('iframe');
        // ifr.onload = function () {
        //     var oHeight = Math.max(ifr.contentWindow.document.documentElement.offsetHeight, ifr.contentWindow.document.body.offsetHeight);
        //     var cHeight = Math.max(ifr.contentWindow.document.documentElement.clientHeight, ifr.contentWindow.document.body.clientHeight);
        //     var height = Math.max(oHeight, cHeight);
        //     ifr.style.height = height + 'px'
        // }
        // function calcPageHeight(doc) {
        //     var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight)
        //     var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight)
        //     var height  = Math.max(cHeight, sHeight)
        //     return height
        // }
        // window.onload = function() {
        //     var height = calcPageHeight(document)
        //     parent.document.getElementById('ifr').style.height = height + 'px'
        // }
        {{--function linkManager($type) {--}}
        {{--    $('#sub_link').val('{{$link}}?type=' + $type);--}}
        {{--    return false;--}}
        {{--}--}}
        // 更换订阅地址
        function exchangeSubscribe() {
            swal.fire({
                title: '{{trans('common.warning')}}',
                text: '{{trans('user.subscribe.exchange_warning')}}',
                icon: 'warning',
                showCancelButton: true,
                cancelButtonText: '{{trans('common.close')}}',
                confirmButtonText: '{{trans('common.confirm')}}',
            }).then((result) => {
                if (result.value) {
                    $.post('{{route('changeSub')}}', {_token: '{{csrf_token()}}'}, function(ret) {
                        if (ret.status === 'success') {
                            swal.fire({title: ret.message, icon: 'success', timer: 1000, showConfirmButton: false}).then(() => window.location.reload());
                        } else {
                            swal.fire({title: ret.message, icon: 'error'}).then(() => window.location.reload());
                        }
                    });
                }
            });
        }
        const clipboard = new ClipboardJS('.mt-clipboard', {
            text: function(trigger) {
                let base = @json($subUrl);
                const client = $('#client').val();
                const subType = $('#subType').val();
                if (subType && client) {
                    base += '?target=' + client + '&type=' + subType;
                } else if (subType) {
                    base += '?type=' + subType;
                } else if (client) {
                    base += '?target=' + client;
                }
                return base;
            },
        });
        clipboard.on('success', function() {
            swal.fire({
                title: '{{trans('common.copy.success')}}',
                icon: 'success',
                timer: 1300,
                showConfirmButton: false,
            });
        });
        clipboard.on('error', function() {
            swal.fire({
                title: '{{trans('common.copy.failed')}}',
                icon: 'error',
                timer: 1500,
                showConfirmButton: false,
            });
        });
    </script>
@endsection