@extends('../layouts/partials/header')

@section('title', 'Cursos')

@section('content')

    <div class="container mt-3">
        <h1>Bienvenido al curso {{ $curso->name }}</h1>

        <a href="{{ route('cursos.edit',$curso) }}">Edit curso</a>

        <ul class="nav nav-tabs">
            <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="#">Description</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">Specifications</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">Reviews</a>
            </li>
        </ul>

        <div class="tab-content">
            <div class="tab-pane active show" id="description">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod risus eget laoreet rutrum. Donec at
                    leo leo. Vivamus at magna sapien. Nullam non magna nam. Curabitur gravida, leo ac fermentum efficitur,
                    ipsum purus{" "}
                    consectetur odio, vitae aliquam eros odio eget lorem. Curabitur gravida, leo ac fermentum efficitur.
                    Maecenas sed diam eget risus varius blandit. Donec porta diam quam, vitae condimentum magna faucibus
                    quis. Donec at leo leo. Vivamus{" "}
                    at magna sapien. Nullam non magna nam. Curabitur gravida, leo ac fermentum efficitur, ipsum purus
                    consectetur odio, vitae aliquam eros odio eget lorem.</p>
            </div>
            <div class="tab-pane" id="specifications">
                <p>
                    ? Processor: Intel Core i7-12700H<br>
                    ? Memory: 16GB DDR4 SDRAM<br>
                    ? Storage: 512GB PCIe NVMe SSD<br>
                    ? Display: 15.6" FHD (1920 x 1080) IPS-level anti-glare<br>
                    ? Graphics: NVIDIA GeForce RTX 3050 Ti 4GB GDDR6<br>
                </p>
            </div>
            <div class="tab-pane" id="reviews">
                <p>This product is amazing! 5 stars!</p>
                <p>Great value for the price. 4 stars.</p>
            </div>
        </div>
    </div>
    <form action="{{ route('cursos.destroy',$curso) }}" method="POST" id='eliminar-curso'>
        @method('delete')
        @csrf
        <input type="button" onclick="if(confirm('Confirma eliminar?')){
            document.getElementById('eliminar-curso').submit()
        };"
        value="Eliminar Ahora">

    </form>

@endsection


@extends('../layouts/partials/footer')