@extends('layouts.app')
@section('title', 'Inicio')
@section('body')
    <div class="flex flex-col justify-center items-center my-7">
        {{-- {{ dd($product->id) }} --}}

        @php
            $img_url = env('CDN_URL') . '/public/products/' . $product->id . '/' . $product->poster;
        @endphp

        <div class="md:flex">
            <div class="flex-1">
                <img src="{{ $img_url }}" alt="">
            </div>
            <div class="flex-1 flex flex-col justify-center items-center px-5">
                <div>
                    <p class="text-xl font-bold">{{ $product->title_small }}</p>
                    <p class="text-sm font-semibold">{{ $product->title_large }}</p>
                    <div class="flex gap-x-2">
                        <p>{{ \Carbon\Carbon::parse($product->fecha_evento)->format('y/m/d') }}</p>
                        <p>{{ \Carbon\Carbon::parse($product->hora_evento)->format('g:i A') }}</p>
                    </div>
                </div>

                <div class="md:w-[32rem] text-center bg-primary-100 p-3 text-secondary-300 font-bold rounded-3xl mt-5">
                    <p>
                        Recuerda
                    </p>
                    <p>
                        Que una vez ingresado el código debes finalizar el proceso de canje, ya que el código quedará
                        bloqueado.
                    </p>
                </div>
                {{-- @dd(auth()->user()->name) --}}
                <form-cortesia id="{{ $product->id }}" user="{{json_encode(auth()->user())}}"/>

            </div>
        </div>

    </div>
@endsection