@extends('layouts.frontend')
@section('content')

<div class="container-fluid pt-3 pb-3" id="bread">
    <div class="container">
        <div class="row">
            <div class="col-7 align-self-center">
                <div class="row">
                    <div class="col-auto pr-2 text-secondary">Usecase ></div>
                    <div class="col-auto p-0 text-secondary">{{$usecase->category->name ?? "Detail" }} ></div>
                    <div class="col-auto pl-2">{{$usecase->title}}</div>
                </div>
            </div>
            <div class="col-5">
                <div class="row float-right">
                    <div class="col">Share</div>
                    <div class="col border-right"><a href="#" class="icon"><i class="fa fa-facebook fa-lg"></i></a></div>
                    <div class="col border-right"><a href="#" class="icon"><i class="fa fa-twitter fa-lg"></i></a></div>
                    <div class="col border-right"><a href="#" class="icon"><i class="fa fa-pinterest fa-lg"></i></a></div>
                    <div class="col "><a href="#" class="icon"><i class="fa fa-linkedin fa-lg"></i></a></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container pt-5">
    <div align="center" class="mb-5">
        <div class="display-3">{{$usecase->title}}</div>
    </div>  
    @php
        echo $usecase->content
    @endphp
    @if (count($usecase->resources) != 0)
        <h3>Resource</h3>
        @foreach($product->resources as $key => $resource)
            <div class="row">
                <div class="col-sm-1"><img src="{{env('APP_URL')}}/img/pdf.png" alt="" width="40" height="50"></div>
                <div class="col-sm-8">
                    <div class="row">
                        <div class="col-sm-6"><strong>{{ $resource->title ?? '' }}</strong></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">{{ $resource->category->name ?? '' }}</div>
                    </div>            
                </div>
                <div class="col-sm-2"><a href="{{env('APP_URL')}}/resources/{{ $resource->id }}/download" class="btn btn-sm btn-success">Download</a></div>
            </div>
            <hr>
        @endforeach
    @endif
    {{-- <form method="POST" action="{{ url('/carts') }}">
        {{ csrf_field() }}
        <input value="{{$usecase->id}}" name="product_id" type="hidden">
        <input value="{{Auth::user()->sub}}" name="user_id" type="hidden">
        <div class="btn-group row col-12" role="group" aria-label="Basic example">
            <button type="submit" class="btn btn-success m-1"><i class="bi-cart"></i> Add to cart</button>
        </div>
    </form> --}}
</div>
@endsection