@extends('layouts.backend.app')

@section('title', "Offer Application")

@section('content')
    <div class="content-header row">
        <div class="content-header-left col-md-9 col-12 mb-2">
            <div class="row breadcrumbs-top">
                <div class="col-12">
                    <h2 class="content-header-title float-start mb-0">Dashboard</h2>
                    <div class="breadcrumb-wrapper">
                        <ol class="breadcrumb">

                            <li class="breadcrumb-item">
                                <a href="dashboard">
                                    Dashboard
                                </a>
                            </li>
                            <li class="breadcrumb-item">
                                Offer Application
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header" style="border-radius: 100%">
                            Offer Application Details
                        </div>
                        <div class="card-body border-collapse">
                            <p class="card-text"><span class="text-muted"><strong>Offer Name</strong>:</span>
                                {{ $permission->offer?$permission->offer->name:'' }} </p>
                        </div>
                        <div class="card-body border-collapse">
                            <p class="card-text"><span class="text-muted"><strong>Affiliate Name</strong>:</span>
                                {{ $permission->affiliate?$permission->affiliate->name:'' }}</td> </p>
                        </div>
                        <div class="card-body border-collapse">
                            <p class="card-text"><span class="text-muted"><strong>Status</strong>:</span>
                                @if ($permission->status == 'Approved')
                                    <span class="badge bg-success">{{ $permission->status }}</span>
                                @elseif($permission->status == 'Pending')
                                    <span class="badge bg-primary">{{ $permission->status }}</span>
                                @else
                                    <span class="badge bg-danger">{{ $permission->status }}</span>
                                @endif
                        </p>
                        </div>
                        <div class="card-body border-collapse">
                            <p class="card-text"><span class="text-muted"><strong>Message</strong>:</span>
                                {{ $permission->message }} </p>
                        </div>
                    </div>

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