@extends("layouts.public")

@section('css')
    <style>
       .default-header{
            background: #001e32 ;
        }
    </style>
    @endsection
@section('content')
    <main>
        <div id="slider" class="slider-section login">
            <div class="slider2">
                <div class=" fullscreen flex flex-middle relative" >
                    <div class="container">
                        <div class="row">
                            <div class="error-content text-center">
                                <div class="align-content-center text-center">
                                    <div  >
                                        <h4 style="width: auto">Do you want to purchase this topic?</h4>
                                        <h2 style="width: auto" class="green-text">{{$topic->name}}</h2>
                                    </div>


                                    <a class="btn-default btn btn-sm" href="{{url("/")}}">Cancel</a>  <a class="btn-info btn btn-sm" href="{{route("purchase",$topic)}}">Buy ({{$topic->price}} FCFA)</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </main>

@endsection