@extends('admin/layouts.master')
@section('title', __("Certicficate Preview"))
@section('stylesheet')
  <link rel="stylesheet" href="{{ Module::asset('certificate:css/certificate_preview.css') }}">
@endsection
@section('body')
<script src="{{ url('js/jquery-2.min.js') }}"></script> <!-- jquery library js -->
<style>
  /* css for certificate design start */

  .cirtificate-border-one {
    font-family: "Times New Roman", Times, serif;
    /* border: 15px groove var(--text-blue-color);  */
    /* border: 15px solid #0284a2; */
    border: '{{ $outerborderstyle->border }}';
    border-top-color: '{{ $outerborderstyle->border_top_color }}';
    border-right-color: '{{ $outerborderstyle->border_right_color }}';
    border-bottom-color: '{{ $outerborderstyle->border_bottom_color }}';
    border-left-color: '{{ $outerborderstyle->border_left_color }}';
    padding: '{{ $outerborderstyle->padding }}';
    background-color: '{{ $outerborderstyle->background_color }}';

  }

  .cirtificate-border-one-sub {
    font-family: "Times New Roman", Times, serif;

      }

  .cirtificate-border-two {
      }

  .cirtificate-border-two-sub {
      }

  .cirtificate-heading {
      }

  .cirtificate-detail {
      }

  /* left */
  .cirtificate-instructor {
    font-family: 'Great Vibes';

      }

  .cirtificate-logo img {
      }

  .img-fluid {
    max-width: 100%;
    height: auto;
  }

  .box-body img {
      }

  .cirtificate-signature img {
      }

  /* CSS for certificate design end */
</style>
<section class="content">
  @include('admin.message')
  <div class="box">

    <div class="box-header with-border">
      <!-- === certificate setting button start ==== -->
      <div class="switch-btn c1">
        <label class="switch">
          <input type="checkbox" id="link_by" name="link_by" data-toggle="itemCheckBox"
            {{ $logostyle->setting == 1 ?  'checked' :  ''}}/>
          <span class="slider round"></span>
        </label>
      </div>
      <p class="c2"> {{ __("Enable / Disable") }} <br> {{ __("Certificate") }}</p>
    </div>


    <div class="box-body">
      <!-- == certificate template start == -->
      <div class="container">
        <div class="row">
          <div class="col-lg-9">
            <div class="cirtificate-border-one text-center">
              <div class="cirtificate-border-one-sub text-center">
                <div class="cirtificate-border-two">
                  <div class="cirtificate-border-two-sub">
                    <div class="cirtificate-heading"> {{ strip_tags($titlestyle->title) }}</div>
                    @php
                    $mytime = Carbon\Carbon::now();
                    @endphp
                    <p class="cirtificate-detail font-30px"> {{ strip_tags($contentstyle->content) }}<span class="c3">{{ __("User Name") }}</span>
                      {{ strip_tags($contentstyleblock2->content) }} <span
                       class="c3">{{ __("Course Name") }}</span>
                      {{ $contentstyleblock3->content }}<br>
                      <span class="c3">{{ __("Date") }}</span>
                    </p>
                    <span class="cirtificate-instructor text-underline">
                      {{__("User Name") }}</span>
                    <br>
                    <span class="cirtificate-one text-underline">{{ __("User Name") }}</span>,
                    {{ __("Instructor") }}
                    <br>
                    <span>{{ $contentstyleblock3->symbol }}</span>
                    <!-- ===== signature start ============ -->
                    <div class="cirtificate-signature">
                      @if(!empty($certificatesignaturestyle->signature_image))
                      <img src="{{ asset('admin/certificate_pic/'.$certificatesignaturestyle->signature_image ) }}"
                        class="img-fluid" alt="logo">
                      @endif
                    </div>
                    <!-- ===== signature end ========== -->
                    <div class="cirtificate-logo">

                      @if(!empty($logostyle->logo_image))
                      <img src="{{ asset('admin/certificate_pic/'.$logostyle->logo_image ) }}" class="img-fluid"
                        alt="logo">
                      @else()
                      <a href="#"><b>
                          <div class="logotext">{{ config('app.name') }}</div>
                        </b></a>
                      @endif

                    </div>


                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-3">
          </div>
        </div>
      </div>
      <!-- == certificate template end == -->
      <div class="text-center"></div>

    </div>
  </div>
</section>
<script src="{{ Module::asset('certificate:js/preview_certificate.js') }}"></script>
@endsection