@extends('layouts.partials.master')

@section('title', 'Promoção de comerciante')

@push('styles')
    <link href="{{asset('assets/css/forms.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('assets/css/section-marker.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('assets/css/tables.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('assets/css/cards.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('assets/css/badges.css')}}" rel="stylesheet" type="text/css">
@endpush

@section('content')
    <nav aria-label="breadcrumb">
        {!! $breadcrumbs !!}
    </nav>

    <div class="d-flex justify-content-between align-items-center my-4">
        @include('layouts.components.section-title', ['title' => 'Promoção de comerciante'])
        <a href="{{ url('mkt-stores-promotions') }}" class="btn btn-sm btn-primary">Voltar <i class="fa-light fa-left-from-line"></i></a>
    </div>

    @include('layouts.components.alerts')

    <div class="card">
        <div class="table-responsive">
            <table class="table table-borderless fs-12">
                <tr>
                    <th class="text-start">Código Promocional</th>
                    <th class="text-start">Loja</th>
                    <th class="text-center">Data inicial</th>
                    <th class="text-center">Data final</th>
                    <th class="text-center">Tipo</th>
                    <th class="text-center">Valor</th>
                    <th class="text-center">Limite de Usos</th>
                    <th class="text-center">Acumulável</th>
                    <th class="text-center">Data de Atualização</th>
                    <th class="text-center">Data de Criação</th>
                    <th class="text-center">Estado</th>
                    <th class="text-center">Usado</th>
                </tr>
                <tr>
                    <td class="text-start">{{ $promotion->promo_code }}</td>
                    <td class="text-start">{{ $promotion->store->commercial_name }}</td>
                    <td class="text-center">{{ $promotion->start_date }}</td>
                    <td class="text-center">{{ $promotion->end_date }}</td>
                    <td class="text-center">{{ $promotion->discount_type === 'fixed' ? 'Fixo' : 'Percentagem' }}</td>
                    <td class="text-center">
                        @if($promotion->discount_type === 'fixed')
                            @formatEuro($promotion->discount_value)
                        @else
                            {{ $promotion->discount_value }}%
                        @endif
                    </td>
                    <td class="text-center">{{ $promotion->total_usage_limit }}</td>
                    <td class="text-center">{{ $promotion->is_cumulative ? 'Sim' : 'Não' }}</td>
                    <td class="text-center">{{ $promotion->updated_at }}</td>
                    <td class="text-center">{{ $promotion->created_at }}</td>
                    <td class="text-center">
                        @include('layouts.components.status', ['status' => $promotion->status])
                    </td>
                    <td class="text-center">{{ $promotion->used }}</td>
                </tr>
            </table>
        </div>
    </div>
@endsection