One Hat Cyber Team

View File Name : finish.blade.php

@extends('layouts.app')

@section('head')
  <link href="{{asset('css/bootstrap.min.css')}}" rel="stylesheet" >
  <!-- Font Awesome -->
  <link href="{{asset('css/font-awesome.min.css')}}" rel="stylesheet" >
  <!-- Google Font -->
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic" rel="stylesheet" >
  <link href="{{ asset('css/app.css') }}" rel="stylesheet">
  <script>
    window.Laravel =  <?php echo json_encode([
        'csrfToken' => csrf_token(),
    ]); ?>
  </script>
@endsection

@section('top_bar')
  <nav class="navbar navbar-default navbar-static-top">
    <div class="logo-main-block">
      <div class="container">
        @if ($setting)
          <a href="{{ url('/') }}" title="{{$setting->welcome_txt}}">
            <img src="{{asset('/images/logo/'. $setting->logo)}}" class="img-responsive" alt="{{$setting->welcome_txt}}">
          </a>
        @endif
      </div>
    </div>
    <div class="nav-bar">
      <div class="container">
        <div class="row">
          <div class="col-md-6">
            <div class="navbar-header">
              <!-- Branding Image -->
              @if($setting)
                <a title="Quick Quiz Home" class="tt" href="{{ url('/') }}"><h4 class="heading">{{$setting->welcome_txt}}</h4></a>
              @endif
            </div>
          </div>
          <div class="col-md-6">
            <div class="collapse navbar-collapse" id="app-navbar-collapse">
              <!-- Right Side Of Navbar -->
              <ul class="nav navbar-nav navbar-right">
                <!-- Authentication Links -->
                @guest
                  <li><a href="{{ route('login') }}" title="Login">Login</a></li>
                  <li><a href="{{ route('register') }}" title="Register">Register</a></li>
                @else
                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true">
                      {{ Auth::user()->name }} <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                      @if ($auth->role == 'A')
                        <li><a href="{{url('/admin')}}" title="Dashboard">Dashboard</a></li>
                      @elseif ($auth->role == 'S')
                        <li><a href="{{url('/admin/my_reports')}}" title="Dashboard">Dashboard</a></li>
                      @endif
                      <li>
                        <a href="{{ route('logout') }}"
                        onclick="event.preventDefault();
                        document.getElementById('logout-form').submit();">
                        Logout
                        </a>
                        <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                        {{ csrf_field() }}
                      </form>
                      </li>
                    </ul>
                 </li>
                @endguest
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </nav>
@endsection

@section('content')
<div class="container">
  @if ($auth)
    <input type="hidden" id="referralLink" value="{{ url('/register?ref=' . Auth::user()->referral_code) }}">
    <div class="row">
      <div class="pull-right" style="display: flex; gap: 10px; flex-wrap: wrap;">

        <button title="Print Report" class="print_btn btn btn-md btn-default">
          <i class="fa fa-print"></i> Print
        </button>

        <button id="copyButton" title="Copy Link" onclick="copyReferralLink()" class="btn btn-md btn-default">
          <i class="fa fa-copy"></i> Copy Link
        </button>

        <button id="shareButton" title="Share Link" onclick="shareReferralLink()" class="btn btn-md btn-default">
          <i class="fa fa-share-alt"></i> Share Link
        </button>
      </div>
      <div class="col-md-8 col-md-offset-2">
        <div class="home-main-block">

        @if($topic->show_ans==1)

         <div class="question-block">
            <h2 class="text-center main-block-heading">{{$topic->title}} ANSWER REPORT</h2>
            <table class="table table-bordered result-table">
              <thead>
                <tr>
                  <th>Question</th>

                  <th style="color: green;">Correct Answer</th>
                  <th style="color: red;">Your Answer</th>
                  <th>Answer Explnation</th>
                </tr>
              </thead>
              <tbody>
                @php
                 $answers = App\Answer::where('topic_id',$topic->id)->where('user_id',Auth::user()->id)->get();
                @endphp

                @php
                $x = $count_questions;
                $y = 1;
                @endphp
                @foreach($answers as $key=> $a)

                  @if($a->user_answer != "0" && $topic->id == $a->topic_id)
                    <tr>
                      <td>{{ $a->question->question }}</td>
                      <td>{{ $a->answer }}</td>
                      <td>{{ $a->user_answer }}</td>
                      <td>{{ $a->question->answer_exp }}</td>
                    </tr>
                    @php
                      $y++;
                      if($y > $x){
                        break;
                      }
                    @endphp
                  @endif
                @endforeach

              </tbody>
            </table>

          </div>

          @endif



          <div class="question-block">
            <h2 class="text-center main-block-heading">{{$topic->title}} Result</h2>
            <table class="table table-bordered result-table">
              <thead>
                <tr>
                  <th>Total Questions</th>
                  <th>Per Question Mark</th>
                  <th>Total Question Marks</th>
                  <th>My Marks</th>

                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>{{min($count_questions, 25)}}</td>
                  <td>{{$topic->per_q_mark}}</td>
                  <td>{{$topic->per_q_mark*min($count_questions, 25)}}</td>
                  <td>

                    @php
                      $mark = 0;
                      $correct = collect();
                    @endphp

                    @foreach ($answers as $answer)
                      @if ($answer->answer == $answer->user_answer)
                        @php
                        $mark++;
                        @endphp
                      @endif
                    @endforeach
                    @php
                      $correct = $mark*$topic->per_q_mark;
                    @endphp
                    {{$correct}}
                    {{--  @dd($correct); --}}
                  </td>

                </tr>
              </tbody>
            </table>
            <h2 class="text-center">Thank You!</h2>
          </div>
        </div>
      </div>
    </div>
  @endif
</div>
@endsection

@section('scripts')
  <script>
    $(document).ready(function(){
      history.pushState(null, null, document.URL);
      window.addEventListener('popstate', function () {
        history.pushState(null, null, document.URL);
      });
    });
  </script>

  <script>
    $('.print_btn').click(function(){
      window.print();
    });
  </script>

  <script>
    function copyReferralLink() {
      const copyText = document.getElementById("referralLink");
      const copyButton = document.getElementById("copyButton");

      const tempInput = document.createElement("textarea");
      tempInput.value = copyText.value;
      document.body.appendChild(tempInput);
      tempInput.select();

      try {
        document.execCommand("copy");
        copyButton.innerText = "Copied!";
      } catch (err) {
        console.error("Copy failed:", err);
        copyButton.innerText = "Failed!";
      }

      setTimeout(() => {
        copyButton.innerText = "Copy Link";
      }, 2000);

      document.body.removeChild(tempInput);
    }

    function shareReferralLink() {
      const shareButton = document.getElementById("shareButton");
      const shareUrl = document.getElementById("referralLink").value;
      const appName = @json(config('app.name', 'QuickQuiz'));

      if (navigator.share) {
        navigator.share({
          title: `Join me on ${appName}!`,
          text: 'Sign up using my referral link & Vote for me:',
          url: shareUrl
        })
                .then(() => {
                  shareButton.innerText = "Shared!";
                  setTimeout(() => {
                    shareButton.innerText = "Share Link";
                  }, 2000);
                })
                .catch((error) => {
                  console.error("Error sharing:", error);
                  shareButton.innerText = "Failed!";
                  setTimeout(() => {
                    shareButton.innerText = "Share Link";
                  }, 2000);
                });
      } else {
        alert("Sharing not supported in this browser.");
      }
    }
  </script>

@endsection