@extends('vendor.merchants.layouts.master')

@push('css')
    <style>
        .input-group-static svg{
            margin: auto;
            display: block;
        }
    </style>
@endpush

@section('content')
    <div class="row mt-4">
        <div class="col-lg-9 col-12 mx-auto position-relative">
            <div class="card">
                <div class="card-header p-3 pt-2">
                    <div class="icon icon-lg icon-shape bg-gradient-dark shadow text-center border-radius-xl mt-n4 me-3 float-start">
                        <i class="material-icons opacity-10">warning</i>
                    </div>
                    <h6 class="mb-0">{{ __('voyager::seeders.data_types.complaint.singular') }}</h6>
                </div>

                <div class="card-body pt-2">
                    <div class="input-group input-group-static mt-5">
                        <label for="projectName" class="form-label">{{ __('voyager::seeders.data_rows.customer_id') }}</label>:
                        <br>
                        {{ $complaint->customer->name }}
                    </div>
                    <hr>
                    <div class="input-group input-group-static ">
                        <label for="projectName" class="form-label">{{ __('voyager::seeders.data_rows.order_id') }}</label>:
                        <br>
                        {{ $complaint->order?->external_order_id }}
                    </div>
                    <hr>
                    <div class="input-group input-group-static ">
                        <label for="projectName" class="form-label">{{ __('voyager::seeders.data_rows.reason') }}</label>:
                        <br>
                        {{ $complaint->reason }}
                    </div>
                    <hr>
                    <div class="input-group input-group-static ">
                        <label for="projectName" class="form-label">{{ __('voyager::seeders.data_rows.type') }}</label>:
                        <br>
                        {{ $complaint->type }}
                    </div>
                    <hr>
                    <div class="input-group input-group-static ">
                        <label for="projectName" class="form-label">{{ __('voyager::seeders.data_rows.notes') }}</label>:
                        <br>
                        {{ $complaint->notes }}
                    </div>
                    <hr>
                </div>

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