@extends('layouts.'.env('THEME'))

@section('style')
<style>
.stnd-row {
    background: #cce0db;
}
</style>
@endsection()

@section('content')

<div class="container" id="main-container">

    <x-section_heading title="Offers" subtitle="Create and manage" rowclass="mt-5"/>

    <a href="{{ route('offer.create') }}" class="btn btn-success mb-2 mr-2">Add</a>
    <br />

    @php
    $filter_fields = [
        'id' => ['type' => 'text'],
        'title' => ['type' => 'text'],
        'area' => [
            'type' => 'select',
            'options' => $areas
        ]
    ];
    @endphp
    <x-listfilter
        cname="offer.index" :fields="$filter_fields" />

    <div class="row">
        <div class="col-12">
            <table class="table table-bordered" id="offer_list">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Title</th>
                        <th>Areas</th>
                        <th>Subscription</th>
                        <th>Installation</th>
                        <th>Activation</th>
                        <td colspan="2">Action</td>
                    </tr>
                </thead>
                <tbody>
                    @foreach($offers as $offer)
                    <tr>
                        <td>{{ $offer->id }}</td>
                        <td>{{ substr($offer->title, 0, 100) }}</td>
                        <td>
                        @foreach($offer->areas as $area)
                            <span class="badge badge-pill badge-success">{!! $area->name !!}</span>
                        @endforeach
                        </td>
                        <td>{{ $offer->discount_subscription }}</td>
                        <td>{{ $offer->discount_install }}</td>
                        <td>{{ $offer->discount_activation }}</td>
                        <td><a href="{{ route('offer.edit',$offer->id)}}" class="btn btn-primary">Edit</a></td>
                        <td>
                            <form action="{{ route('offer.destroy', $offer->id)}}" method="post">
                                {{ csrf_field() }}
                                @method('DELETE')
                                <button class="btn btn-danger" type="submit">Delete</button>
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

</div>
@endsection