@php $page = 'mining-store' @endphp
@extends('includes.layout')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>Promo</h1>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> Home</a>
            </li>
            <li class="breadcrumb-item active">Promo</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-12">
                <div class="box">
                    <!-- /.box-header -->
                    <div class="box-body">
                        <div class="row">
                            @forelse ($promos as $item)
                            <div class="col-lg-12 mb-4">
                                <div class="promo-card d-flex align-items-center justify-content-between p-4 rounded shadow-lg position-relative"
                                    style="background-image: url('{{ asset($item->promo_image) }}');
                                            background-size: cover;
                                            background-position: center;
                                            color: #fff;">

                                    {{-- Left content --}}
                                    <div class="promo-text position-relative">
                                        <h2 class="fw-bold mb-3">
                                            {{ $item->asic->name }}
                                        </h2>
                                        <p class="mb-2">
                                            <strong>Hashrate:</strong> {{ $item->asic->hashrate }} TH/s
                                        </p>
                                        <p class="mb-2">
                                            <strong>Duration:</strong>
                                            {{ \Carbon\Carbon::parse($item->start_date)->format('M d, Y') }}
                                            -
                                            {{ \Carbon\Carbon::parse($item->end_date)->format('M d, Y') }}
                                        </p>
                                        <p class="mb-3">
                                            <strong>Discount:</strong>
                                            {{ $item->discount_type == 'flat' ? '$' : '%' }}{{ $item->discount_value }}
                                        </p>

                                        <a href="{{ $item->asic->type == 'buy' ? route('minings.buy-asic.show', $item->asic->id) :  route('minings.rent-asic.show', $item->asic->id)}}"
                                            class="btn btn-light fw-bold px-4 py-2" target="_blank">
                                            Claim Now
                                        </a>
                                    </div>
                                </div>
                            </div>
                            @empty
                            <div class="text-center col-lg-12">
                                <p class="alert alert-warning">No ASIC promo found</p>
                            </div>
                            @endforelse
                        </div>
                    </div>
                </div>
                <!-- /.box -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->
@endsection