@extends('voucher.index')
@section('content')
<div class="row">
    <div class="col-md-12">
        <a href="{{route('voucher.index')}}" type="button" class="btn btn-primary btn-lg" style="background:#0070C4;"><i class="bi bi-house-door-fill fs-4 me-2"></i>Home</a>
        <div class="notice bg-light-warning rounded border-warning border border-dashed mb-10 p-6">
            <!-- <h1 style="color:purple;">Selamat voucher anda berhasil di klaim</h1> -->
            <div class="row mt-10">
                <div class="col-md-3"><img src="assets/media/illustrations/sigma-1/11.png" alt="" class="mw-100 h-100px h-sm-225px" /></div>
                <div class="col-md-6">
                    <div class="notice bg-light-info rounded border-info border border-dashed mb-10 p-6">
                        <h6 style="color: purple;">KODE VOUCHER ANDA :</h6>
                        <br>
                        <div class="d-flex">
                            <input type="text" class="form-control" value="{{$kodeDec}}" id="myInput" readonly style="margin-right: 10px;"> 
                           <button type="button" class="btn btn-info btn-sm" onclick="myFunction()"><i class="bi bi-files fs-4 me-2"></i>Copy</button>
                        </div>
                        <br>
                        <a href="{{route('voucher.downloadPDF', encrypt($data->id))}}" type="button" class="btn btn-danger btn-sm" onclick="myFunction()"><i class="bi bi-file-pdf fs-4 me-2"></i>Download PDF</a>
                    </div>
                </div>        
            </div>
            <table style="font-size:15px" align="center">
                <tr>
                    <td width="55%">Expired Voucher</td>
                    <td>:</td>
                    <td>{{$data->expired_date}}</td>
                </tr>
                <tr>
                    <td>Tanggal Klaim</td>
                    <td>:</td>
                    <td>{{$data->date_claim}}</td>
                </tr>
                <tr>
                    <td>IP</td>
                    <td>:</td>
                    <td>{{$data->ip}}</td>
                </tr>
                <tr>
                    <td>Device</td>
                    <td>:</td>
                    <td>{{$data->browser}}</td>
                </tr>
            </table>
        </div>
    </div>        
</div>
<div class="row">
    <div class="col-md-12">
        <div class="notice bg-light-warning rounded border-warning border border-dashed mb-10 p-6" align="left" style="font-size:16px">
            <div class="row">
                <div style="font-size: 20px;">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-info-circle-fill" viewBox="0 0 16 16">
                    <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
                    </svg>
                    Penting
                    <hr>
                </div> 
            </div>
            <ul style="list-style-type:circle">
                <li>Voucher anda berhasil di klaim pada tanggal <b>{{$data->date_claim}}</b></li>
            </ul>
            <table style="margin-left: 20px;">
               <tr>
                   <td width="40%">Region</td>
                   <td>:</td>
                   <td><b>{{Auth::user()->region}}</b></td>
               </tr>
               <tr>
                   <td>Distributor</td>
                   <td>:</td>
                   <td><b>{{Auth::user()->distributor}}</b></td>
               </tr>
               <tr>
                   <td>Territory</td>
                   <td>:</td>
                   <td><b>{{Auth::user()->territory}}</b></td>
               </tr>
           </table>
            <br>   
            <ul style="list-style-type:circle">
                <li>Jangan memberitahukan kode voucher anda kepada siapapun</li>
                <li><b>Cek Kembali tanggal kadaluarsa voucher</b></li>
                <li>Kode voucher sepenuhnya menjadi tanggung jawab pemenang</li>
            </ul>
        </div>
    </div>        
</div>
<script type="text/javascript">
    function myFunction() {
      var copyText = document.getElementById("myInput");

      copyText.select();
      copyText.setSelectionRange(0, 99999);
      navigator.clipboard.writeText(copyText.value);

      // alert("Copied the text: " + copyText.value);
    }
</script>
@endsection