@extends('layouts.customer')

@section('content')
    <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <h1>Offers</h1>
                    <nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
                        <ol class="breadcrumb pt-0">
                            <li class="breadcrumb-item">
                                <a href="{{url('/')}}/dashboard">Dashboard</a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="{{url('/')}}/offers">Offers</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">Offer</li>
                        </ol>
                    </nav>
                    <div class="separator mb-5"></div>
                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    <div class="card mb-4">
                        <div class="card-body">
                            <h5 class="mb-4">Offer</h5>

                            <form>
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="order_number"><strong>Offer No</strong></label>
                                        <p>##{{ $offer->id ?: '' }}</p>
                                    </div>
                                </div>

                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label><strong>Title</strong></label>
                                        <p>{{ $offer->title ?? '' }}</p>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label><strong>Elligible for</strong></label>
                                        <p>{{ ucfirst( $offer->elligible ?? '' ) }}</p>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label><strong>Description</strong></label>
                                    <p>{{ $offer->description ?? '' }}</p>
                                </div>

                                @if($offer->activities)
                                    <div class="activities-list">
                                        <label><strong>Activities</strong></label>
                                        <div class="row">
                                            @foreach($offer->activities as $activity)
                                                <div class ="col-md-4">
                                                    <div class="card border-success my-2">
                                                        <div class="card-body">
                                                            <h5 class="mb-3">{{ $activity->title ?? '' }}</h5>
                                                            <p class="card-text">{{ $activity->description ?? '' }}</p>
                                                        </div>
                                                    </div> 
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                @endif

                                <br />

                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label><strong>Offer Type</strong></label> <br />
                                        <p class="badge badge-pill badge-secondary px-3">
                                            @if( '1' == $offer->offer_type )
                                                {{ 'Product' }}
                                            @else
                                                {{ 'Discount' }}
                                            @endif
                                        </p>
                                    </div>

                                    @if( '1' == $offer->offer_type )
                                        <div class="form-group col-md-6">
                                            <label><strong>Product </strong></label>
                                            <p>{{ $offer->product->product_name ?? '' }}</p>
                                        </div>
                                    @else
                                        <div class="form-group col-md-6">
                                            <label><strong>Discount Type</strong></label> <br />
                                            <p class="badge badge-pill badge-secondary px-3">
                                                @if( '0' == $offer->discount_type )
                                                    {{ 'Flat' }}
                                                @elseif( '1' == $offer->discount_type )
                                                    {{ 'Percentage' }}
                                                @endif
                                            </p>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label><strong>Discount</strong></label>
                                            <p>
                                                {{ $offer->discount }} 
                                                @if( '1' == $offer->discount_type )
                                                    {{ '%' }}
                                                @endif
                                            </p>
                                        </div>
                                        
                                    @endif

                                    <div class="form-group col-md-6">
                                        <label for="offer_date"><strong>Expiry</strong></label>
                                        <p>
                                            @if( is_null($offer->expiry_date) )
                                                No expiration
                                            @endif
                                            @if( $offer->expiry_date )
                                                {{ date('F j, Y', strtotime($offer->expiry_date)) }}
                                            @endif
                                        </p>
                                    </div>
                                </div>
                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection