@extends('layouts.app')

@section('content')
    <!---main banner--->

    <div class="container-fluid main-banner">
        <div class="container">
            <div class="row">
                <div class="col-6 banner-info">
                    <h1 class="text-white">Best Bitcoin Casino Sites 2018</h1>
                    <button class="btn">REVIEWS & USER RATINGS</button>
                    <p>
                        We evaluated 40 crypto gambling sites till date.
                        To be categorically precise, we deposited, played and tested.
                    </p>
                </div>
                <div class="col-6 top-casinos">
                    @foreach($companies as $company)
                        <div class="row no-gutters top-casino-item">
                            <div class="col-2">
                                <div style="border-radius: calc(.25rem - 1px); width: 50px; height: 50px; background: url('uploads/companies/{{$company['image']}}') no-repeat center;background-size: auto 50px;">

                                </div>

                            </div>
                            <div class="col-6">
                                <div class="title text-white roboto-medium">{{$company['title']}}</div>
                                <div class="descr roboto-medium">
                                    Last updated 3 mins ago
                                </div>
                            </div>
                            <div class="col-4 rate text-right">
                                @for($i=0;$i<5;$i++)
                                    @if($i>=$company['score'])
                                        <i class="fa fa-star star-o-color" aria-hidden="true"></i>
                                    @else
                                        <i class="fa fa-star star-color" aria-hidden="true"></i>
                                    @endif
                                @endfor
                                <span class="rate-text text-white">&nbsp;{{$company['score']}}/5</span>
                            </div>
                            <button class="btn play-now">PLAY NOW</button>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>

    <!---main banner--->

    <div class="container mb-0 p-0">
        <div class="row pb-3">
            <div class="col-7 main-deposit-bonuses">
                <h2 class="roboto-regular">Deposit Bonuses</h2>
                <p class="roboto-regular">Deposite his old age, the professor is quick at finding new casino bonuses for
                    himself, and the players. Here are few deposit bonuses, that our professor has recently
                    reviewed.</p>
            </div>
            <div class="col-5 text-right align-middle">
                <button class="btn btn-primary roboto-bold view-all">VIEW ALL</button>
            </div>
        </div>
    </div>

    <div class="casinos-list container p-0" style="z-index:100; min-height:calc(100% - 184px);">
        <hr><br/>
        <div class="row my-5">
            @foreach($offers as $offer)
                @include('partials.company',['width'=>4,'offer'=>$offer])
            @endforeach
        </div>
    </div>

    <div class="container mb-0 p-0">
        <div class="row">
            <div class="col-12 pl-5 pt-4 mb-5" style="color:#ffffff; height:150px; background-color: #15004d; background-image: url('/images/baner_1.png');">
                <h3 class="roboto-regular">PROVABLY FAIR</h3>
                <h3 class="roboto-regular font-weight-bold">GAMES</h3>
            </div>
        </div>
    </div>

    <div class="container-fluid py-5" style="background-color: #e1e4ea">
        <div class="container mb-0 p-0">
            <div class="row pb-3">
                <div class="col-7 main-deposit-bonuses">
                    <h2 class="roboto-regular">No Deposit Free Spin</h2>
                    <p class="roboto-regular">Deposite his old age, the professor is quick at finding new casino bonuses for
                        himself, and the players. Here are few deposit bonuses, that our professor has recently
                        reviewed.</p>
                </div>
                <div class="col-5 text-right align-middle">
                    <button class="btn btn-primary roboto-bold view-all">VIEW ALL</button>
                </div>
            </div>
        </div>
        <div class="casinos-list container p-0" style="z-index:100; min-height:calc(100% - 184px);">
            <hr><br/>
            <div class="row my-5">
                @foreach($companies as $company)
                    @include('partials.company',['width'=>4,'company'=>$company])
                @endforeach
            </div>
        </div>
    </div>

    <div class="container p-0" style="z-index:100; min-height:calc(100% - 184px);">
        <div class="row my-5">
            <div class="col main-deposit-bonuses pl-lg-0">
                <h2 class="roboto-regular">New Casinos</h2>
                <p class="roboto-regular">Though the professor likes gambling with real money, there are good no deposit bonuses available, that is just too
                    good be not used. Check out the latest no deposit bonuses, that our professor has added to his reviews.</p>
            </div>
        </div>
    </div>
@endsection