@extends('dashboard.layouts.master')
@section('title', 'Commission Configuration Detail | Admin Panel')

@push('after-styles')
    @if (\Helper::canAccessModule('commission_configuration') && \Helper::checkPermission('commission_configuration', 'show'))
        <style type="text/css">
            .form-control[readonly] {
                background-color: #f9f9f9;
                opacity: 1;
            }
        </style>
    @endpush
    @section('content')
        <div class="padding edit-package">
            <div class="box">
                <div class="box-header m-b-2">
                    <div class="box-header-left">
                        <h3 class="d-block"> Show Commission Configuration</h3>
                        <small class="d-inline-block">
                            <a href="{{ route('adminHome') }}">{{ __('backend.dashboard') }}</a> / 
                            <a href="{{ route('commission-configs.index') }}">Commission Management</a> /
                            <span>Show Commission Configuration</span>
                        </small>
                    </div>
                    <div class="box-header-right">
                        <div class="box-tool">
                            <ul class="nav">
                                <li class="nav-item inline">
                                    <a class="nav-link" href="{{ route('commission-configs.index') }}">
                                        <i class="material-icons md-18">×</i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="box-body">
                    <div class="personal_informations">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="form-group">
                                    <label class="form-control-label">Target Type</label>
                                    <input type="text" class="form-control" value="{{ ucfirst($setting->target_type) }}" readonly>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="form-group">
                                    <label class="form-control-label">Target Name</label>
                                    @php
                                        $targetName = 'N/A';
                                        if ($setting->target_type == 'global') $targetName = 'All Transactions';
                                        elseif ($setting->target_type == 'supplier') $targetName = 'All Supplier Purchases';
                                        elseif ($setting->target_type == 'category') $targetName = $setting->category->name ?? 'N/A';
                                        elseif ($setting->target_type == 'business') $targetName = $setting->business->business_name ?? 'N/A';
                                    @endphp
                                    <input type="text" class="form-control" value="{{ $targetName }}" readonly>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="form-group">
                                    <label class="form-control-label">Commission Percentage (%)</label>
                                    <input type="text" class="form-control" value="{{ number_format($setting->percentage, 2) }}%" readonly>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="form-group">
                                    <label class="form-control-label">Status</label>
                                    <input type="text" class="form-control" value="{{ $setting->is_active ? 'Active' : 'Inactive' }}" readonly>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12 col-md-12">
                                <div class="form-group m-t-md">
                                    <a href="{{ route('commission-configs.index') }}" class="btn white border-btn"> {!! __('backend.back') !!} </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @else
            <input type="hidden" value="{{ route('adminHome') }}" id="redirect_url">
            <script type="text/javascript">
                var redirect_url = $('#redirect_url').val();
                window.location.replace(redirect_url);
            </script>
    @endif
@endsection