@extends('cr_blank')

@section('content')
  @foreach ($jugadores as $item)
    @if ($i == 0)
      <div class="contenedor-first">
        @include('component.credencial')
      </div>
    @else
      <div class="contenedor">
        @include('component.credencial')
      </div> 
    @endif
    @php
      $i++
    @endphp
  @endforeach
  
@endsection
  
@section('scripts')
  <style>
    .contenedor-first {
      position: relative;
      height: 400px;
    }
    .contenedor {
      position: relative;
      height: 400px;
      page-break-before:always;
      /* page-break-after:always; */
    }

    /* component styles */
    .div-in {
      position: absolute;
    }
    .table-datos {
      font-size: 13px;
    }
    .img-borde {
      /* border: 1px solid black; */
    }
    .block {
      display: inline-block;
    }
    /* new styles */
    .photo-content img {
      border-radius: 15px;
      border: 2px solid #73AD21;
      object-fit: cover;
      background: #fff;
      /* width: 100px;
      height: 140px; */
      width: 140px;
      height: 100px;
        margin-left:0px;
        margin-top:-65px;
    }
    img {
      /* Inclinar o girar fotografia */
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
    }
  </style>
@endsection