@extends('main') 

@section('title' , '| Organizator')

@section('content')

<div class="row">
    

    <div class="col-md-8">
        <div class="jumbotron">
              <h1>Nazwa wyścigu</h1>
              <p><a href="{{ route('checkpoints.create') }}" class="btn btn-lg btn-block btn-primary btn-h1-spacing">Stwórz nowy punkt kontrolny</a></p>

              <a href="{{ route('checkpoints.htmltopdfview',['download'=>'pdf']) }}" class="btn btn-sm btn-block btn-primary btn-h1-spacing">Ściągnij punkty jako PDF</a> <!-- Drukowanie htmltopdfa -->
        </div>
    </div>

            
    <div class="row">
        <div class="col-md-8">
            <h2>Kody QR:</h2>  
            <hr style="width: 100%; color: black; height: 1px; background-color:black;" />
        </div>
    </div>




    @foreach ($checkpoints as $checkpoint)

        <div class="row">

            <div class="col-md-12">
                <h3>Id: {{ $checkpoint->id }}</h3>
                <p><img src="data:image/png;base64, {!! base64_encode(QrCode::format('png')->size(400)->generate($checkpoint->qrCode)) !!} "></p>
                <p {{ $checkpoint->shortDesc == NULL ?  "hidden" : "" }}>Adres: {{ $checkpoint->shortDesc }} </p>       <!-- Ukrycie opisow, jesli pola sa puste -->
                <p {{ $checkpoint->detailedDesc == NULL ?  "hidden" : "" }}>Opis: {{ substr($checkpoint->detailedDesc, 0, 50) }}{{ strlen($checkpoint->detailedDesc) > 50 ? "..." : "" }}</p>
                <a href="{{ route('checkpoints.show', $checkpoint->id) }}" class="btn btn-default btn-sm btn-primary">Pokaż</a> 
            </div>
            
        </div>

    @endforeach




</div>

    

@endsection