@extends('layouts.app')

@section('content')
<div class="container">
    <div class="card shadow-sm">
        <div class="card-header text-white d-flex justify-content-between align-items-center" style="background-color: #357ca5">
            <h4 class="mb-0 text-center text-white">
                </i>@lang('lang_v1.show_smart_discount')
            </h4>
            <a href="{{ URL::previous() }}" class="btn btn-light btn-sm">
              
            </a>
        </div>
        
        <div class="card-body">
            <!-- Main Container with subtle shadow -->
            <div class="border p-4 rounded bg-white shadow-sm">
                <div class="row">
                    <div class="col-md-12 mb-4">
                       <div class="form-group">
                            <label class="font-weight-bold text-primary">@lang('sale.discount_name'):</label>
                            <p class="mt-2 lead">{{ $smartRootDiscount->name }}</p>
                        </div>
                    </div> 
                       <hr class="my-3"> 
                </div>
                <div class="row">
                    <!-- Discount Name Section -->
                    <div class="col-md-6 mb-4">
                            <div class="form-group border-right pr-md-3">
                                    <label class="font-weight-bold">@lang('sale.discount_start_date'):</label>
                                    <p class="mt-2 text-dark">
    
                                        {{ \Carbon\Carbon::parse($smartRootDiscount->start_date) }}
                                    </p>
                            </div>
                              <div class="form-group">
                                    <label class="font-weight-bold">@lang('sale.discount_end_date'):</label>
                                    <p class="mt-2 text-dark">
                                     
                                        {{ \Carbon\Carbon::parse($smartRootDiscount->end_date)}}
                                    </p>
                                </div>
                             <div class="form-group">
                            <label class="font-weight-bold">@lang('sale.discount_type'):</label>
                            <p class="mt-2">
                                <span class="badge badge-success p-2">
                                    <i class="fas fa-tag mr-1"></i>
                                    {{ $smartRootDiscount->type_smart_root_discount->name }}
                                </span>
                            </p>
                        </div>
                            
                      <hr class="my-3">
                    </div>
                    <div class="col-md-6 mb-4">
                           <div class="form-group border-right pr-md-3">
                                    <label class="font-weight-bold">@lang('sale.business_location'):</label>
                                    <div class="mt-2">
                                        @if($businessLocations->count() > 0)
                                            <div class="d-flex flex-wrap">
                                                @foreach($businessLocations as $location)
                                                    <span class="badge badge-primary mr-2 mb-2 p-2">
                                                        <i class="fas fa-store mr-1"></i>
                                                        {{ $location->name }}
                                                    </span>
                                                @endforeach
                                            </div>
                                        @else
                                            <span class="badge badge-secondary p-2">
                                                @lang('messages.none')
                                            </span>
                                        @endif
                                    </div>
                            </div>
                              <div class="form-group">
                                    <label class="font-weight-bold">@lang('sale.user'):</label>
                                    <div class="mt-2">
                                        @if($selectedUserModels->count() > 0)
                                            <div class="d-flex flex-wrap">
                                                @foreach($selectedUserModels as $user)
                                                    <span class="badge badge-info mr-2 mb-2 p-2">
                                                        <i class="fas fa-user mr-1"></i>
                                                        {{ $user->username }}
                                                    </span>
                                                @endforeach
                                            </div>
                                        @else
                                            <span class="badge badge-secondary p-2">
                                                @lang('messages.none')
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                    <div class="form-group">
                                    <label class="font-weight-bold">@lang('sale.contact'):</label>
                                    <div class="mt-2">
                                        @if($selectedContactModels->count() > 0)
                                            <div class="d-flex flex-wrap">
                                                @foreach($selectedContactModels as $contact)
                                                    <span class="badge badge-info mr-2 mb-2 p-2">
                                                        <i class="fas fa-user mr-1"></i>
                                                        {{ $contact->name }}
                                                    </span>
                                                @endforeach
                                            </div>
                                        @else
                                            <span class="badge badge-secondary p-2">
                                                @lang('messages.none')
                                            </span>
                                        @endif
                                    </div>
                                </div>
                            
                     <hr class="my-3">  
                    </div>
                       
<!-- Discount Details - Different display based on type -->
@if($smartRootDiscount->type_smart_root_discount_id == 1)
    <!-- Type 1: Invoice Amount Based Discount -->
    <div class="col-md-12 mt-4">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-light">
                <h5 class="mb-0" style="font-size: 1.25rem;">
                    <i class="fas fa-money-bill-wave mr-2"></i>
                    @lang('sale.invoice_amount_based_discounts')
                </h5>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover mb-0">
                        <thead class="thead-light">
                            <tr>
                                <th class="border-top-0" style="font-size: 1rem;">@lang('sale.invoice_amount')</th>
                                <th class="border-top-0" style="font-size: 1rem;">@lang('sale.discount_amount')</th>
                                <th class="border-top-0" style="font-size: 1rem;">@lang('sale.discount_status')</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($statusOfSmartRootDiscounts as $status)
                                <tr>
                                    <td class="font-weight-bold" style="font-size: 1.05rem;">{{ number_format($status->invoice_amount, 2) }}</td>
                                    <td class="text-success font-weight-bold" style="font-size: 1.05rem;">{{ number_format($status->discount_amount, 2) }}</td>
                                    <td style="font-size: 1.05rem;">
                                        <span class="badge 
                                            @if(($status->discount_status->name ?? '') === 'Active') badge-success
                                            @elseif(($status->discount_status->name ?? '') === 'Expired') badge-danger
                                            @else badge-secondary
                                            @endif">
                                            {{ $status->discount_status->name ?? 'N/A' }}
                                        </span>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@elseif($smartRootDiscount->type_smart_root_discount_id == 2)
    <!-- Type 2: Buy X Get Y Free -->
    <div class="col-md-12 mt-4">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-light">
                <h5 class="mb-0" style="font-size: 1.25rem;">
                    <i class="fas fa-gift mr-2"></i>
                    @lang('sale.discount_statuses')
                </h5>
            </div>
            <div class="card-body">
                @foreach($finalDiscountsWithRelations as $discount)
                    <div class="mb-4 border-bottom pb-3">
                        <div class="row">
                            <!-- Conditions -->
                            <div class="col-md-6">
                                <div class="condition-container bg-light p-3 rounded">
                                    <h5 class="condition-header text-primary" style="font-size: 1.15rem;">
                                        <i class="fas fa-list-ul mr-2"></i>
                                        @lang('messages.condition')
                                    </h5>
                                    <div class="condition-fields mt-3">
                                        @foreach($discount->subConditions as $condition)
                                            <div class="condition-item mb-2 p-2 bg-white rounded border" style="font-size: 1.05rem;">
                                                <div class="d-flex justify-content-between">
                                                    <div>
                                                        <strong>{{ $condition->varition->product->name ?? 'N/A' }}</strong>
                                                        {{ number_format($condition->quantity,2) }} {{ $condition->unit->actual_name ?? 'N/A' }}
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Results -->
                            <div class="col-md-6">
                                <div class="result-container bg-light p-3 rounded">
                                    <h5 class="result-header text-success" style="font-size: 1.15rem;">
                                        <i class="fas fa-gift mr-2"></i>
                                        @lang('messages.result')
                                    </h5>
                                    <div class="result-fields mt-3">
                                        <div class="result-items-container d-flex flex-wrap align-items-center">
                                            @foreach($discount->subResults as $index => $result)
                                                <div class="result-item p-2 bg-white rounded border mr-2 mb-2" style="font-size: 1.05rem;">
                                                    <div class="d-flex">
                                                        <strong>{{ $result->varition->product->name ?? 'N/A' }}</strong>
                                                        <span class="ml-1">{{ number_format($result->quantity,2) }} {{ $result->unit->actual_name ?? 'N/A' }}</span>
                                                    </div>
                                                </div>
                                                @if(!$loop->last)
                                                    <span class="text-muted mx-1" style="font-size: 1.1rem;">+</span>
                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@elseif($smartRootDiscount->type_smart_root_discount_id == 3)
    <!-- Type 3: Buy X Get Discount -->
    <div class="col-md-12 mt-4">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-light">
                <h5 class="mb-0" style="font-size: 1.25rem;">
                    <i class="fas fa-tags mr-2"></i>
                    @lang('sale.discount_statuses')
                </h5>
            </div>
            <div class="card-body">
                @foreach($finalDiscountsWithRelations3 as $discount)
                    <div class="mb-4 border-bottom pb-3">
                        <div class="row">
                            <!-- Conditions -->
                            <div class="col-md-6">
                                <div class="condition-container bg-light p-3 rounded">
                                    <h5 class="condition-header text-primary" style="font-size: 1.15rem;">
                                        <i class="fas fa-list-ul mr-2"></i>
                                        @lang('messages.condition')
                                    </h5>
                                    <div class="condition-fields mt-3">
                                        @foreach($discount->subConditions as $condition)
                                            <div class="condition-item mb-2 p-2 bg-white rounded border" style="font-size: 1.05rem;">
                                                <div class="d-flex justify-content-between">
                                                    <div>
                                                        <strong>{{ $condition->varition->product->name ?? 'N/A' }}</strong>
                                                        <div class="text-muted small" style="font-size: 1rem;">
                                                            {{ $condition->quantity }} {{ $condition->unit->actual_name ?? 'N/A' }}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Discount -->
                            <div class="col-md-6">
                                <div class="discount-container bg-light p-3 rounded">
                                    <h5 class="discount-header text-success" style="font-size: 1.15rem;">
                                        <i class="fas fa-percent mr-2"></i>
                                        @lang('messages.result')
                                    </h5>
                                    <div class="discount-details mt-3 p-2 bg-white rounded border">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <strong style="font-size: 1.05rem;">@lang('sale.discount_amount'):</strong>
                                                <p class="text-success font-weight-bold" style="font-size: 1.1rem;">{{ number_format($discount->discount_amount, 2) }}</p>
                                            </div>
                                            <div class="col-md-6">
                                                <strong style="font-size: 1.05rem;">@lang('sale.discount_status'):</strong>
                                                <p style="font-size: 1.05rem;">
                                                    <span class="badge 
                                                        @if($discount->discount_status->name === 'Active') badge-success
                                                        @elseif($discount->discount_status->name === 'Expired') badge-danger
                                                        @else badge-secondary
                                                        @endif">
                                                        {{ $discount->discount_status->name ?? 'N/A' }}
                                                    </span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@elseif($smartRootDiscount->type_smart_root_discount_id == 4)
     <!-- Type 4: Buy X Get Y Free -->
    <div class="col-md-12 mt-4">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-light">
                <h5 class="mb-0" style="font-size: 1.25rem;">
                    <i class="fas fa-gift mr-2"></i>
                    @lang('sale.discount_statuses')
                </h5>
            </div>
            <div class="card-body">
                @foreach($finalDiscountsWithRelations4 as $discount)
                    <div class="mb-4 border-bottom pb-3">
                        <div class="row">
                            <!-- Conditions -->
                            <div class="col-md-6">
                                <div class="condition-container bg-light p-3 rounded">
                                    <h5 class="condition-header text-primary" style="font-size: 1.15rem;">
                                        <i class="fas fa-list-ul mr-2"></i>
                                        @lang('messages.condition')
                                    </h5>
                                    <div class="condition-fields mt-3">
                                                    <div>
                                                        <strong>@lang('sale.quantity') {{ number_format($discount->individul_quantity,2) }} @lang('sale.from'):</strong>
                                                       
                                                    </div>
                                        @foreach($discount->subConditions as $condition)
                                        
                                            <div class="condition-item mb-2 p-2 bg-white rounded border" style="font-size: 1.05rem;">
                                                 
                                                <div class="d-flex justify-content-between">
                                                  
                                                    <div>
                                                        <strong>{{ $condition->varition->product->name ?? 'N/A' }}</strong>
                                                         {{ $condition->unit->actual_name ?? 'N/A' }}
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Results -->
                            <div class="col-md-6">
                                <div class="result-container bg-light p-3 rounded">
                                    <h5 class="result-header text-success" style="font-size: 1.15rem;">
                                        <i class="fas fa-gift mr-2"></i>
                                        @lang('messages.result')
                                    </h5>
                                    <div class="result-fields mt-3">
                                        <div class="result-items-container d-flex flex-wrap align-items-center">
                                            @foreach($discount->subResults as $index => $result)
                                                <div class="result-item p-2 bg-white rounded border mr-2 mb-2" style="font-size: 1.05rem;">
                                                    <div class="d-flex">
                                                        <strong>{{ $result->varition->product->name ?? 'N/A' }}</strong>
                                                        <span class="ml-1">{{ number_format($result->quantity,2) }} {{ $result->unit->actual_name ?? 'N/A' }}</span>
                                                    </div>
                                                </div>
                                                @if(!$loop->last)
                                                    <span class="text-muted mx-1" style="font-size: 1.1rem;">+</span>
                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('css')
<style>
    .card-header {
        border-radius: 0.35rem 0.35rem 0 0 !important;
    }
    .badge {
        font-size: 0.85rem;
        font-weight: 500;
    }
    .table-hover tbody tr:hover {
        background-color: rgba(0, 123, 255, 0.05);
    }
    hr {
        border-top: 1px dashed #e0e0e0;
    }
    .condition-container, .result-container, .discount-container {
        border: 1px solid #dee2e6;
        border-radius: 0.5rem;
    }
    .condition-header, .result-header, .discount-header {
        font-size: 1.1rem;
    }
    .condition-item, .result-item {
        transition: all 0.3s ease;
    }
    .condition-item:hover, .result-item:hover {
        transform: translateY(-2px);
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
</style>
@endpush