@extends('layouts.admin')

@section('title', setting('school_name', 'ShulePoint') . ' | Configure ' . $method->name)
@section('page-title', 'Configure: ' . $method->name . ' (' . $method->code . ')')

@section('content')
<div class="row">
    <div class="col-lg-8">
        <div class="card card-outline card-primary shadow-sm">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-cog mr-1"></i> {{ $method->name }} <small class="text-muted">({{ $method->code }})</small></h3>
                <div class="card-tools">
                    <a href="{{ route('payment-methods.index') }}" class="btn btn-sm btn-outline-secondary"><i class="fas fa-arrow-left mr-1"></i> Back</a>
                </div>
            </div>
            <form action="{{ route('payment-methods.update', $method) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')
                <div class="card-body">
                    <div class="form-group">
                        <label class="fld-label">Logo</label>
                        @if($method->logo)
                            <div class="mb-2"><img src="{{ asset('storage/' . $method->logo) }}" alt="Logo" style="height:48px;background:#fff;border:1px solid #e3e6eb;border-radius:.5rem;padding:4px;"></div>
                        @endif
                        <div class="custom-file">
                            <input type="file" name="logo" class="custom-file-input form-control-sm" id="pmLogo">
                            <label class="custom-file-label col-form-label-sm" for="pmLogo">Choose logo…</label>
                        </div>
                        @error('logo')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                    </div>

                    <div class="form-group">
                        <label class="fld-label">Name</label>
                        <input type="text" name="name" value="{{ old('name', $method->name) }}" class="form-control form-control-sm @error('name') is-invalid @enderror">
                        @error('name')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                    </div>

                    <div class="form-group">
                        <label class="fld-label">Description</label>
                        <textarea name="description" rows="2" class="form-control form-control-sm @error('description') is-invalid @enderror">{{ old('description', $method->description) }}</textarea>
                        @error('description')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                    </div>

                    <div class="form-group">
                        <div class="form-check">
                            <input type="checkbox" name="is_active" value="1" id="pm-active" class="form-check-input" {{ old('is_active', $method->is_active) ? 'checked' : '' }}>
                            <label class="form-check-label small" for="pm-active">Enabled</label>
                        </div>
                    </div>

                    @php $config = $method->config ?? []; @endphp

                    @if ($method->code === 'mpesa')
                        <h6 class="font-weight-bold mt-1 mb-2"><i class="fas fa-money-bill-wave mr-1"></i> Paybill / Till display</h6>
                        <div class="form-group">
                            <label class="fld-label">Paybill Number</label>
                            <input type="text" name="config[paybill]" value="{{ old('config.paybill', $config['paybill'] ?? '') }}" class="form-control form-control-sm">
                        </div>
                        <div class="form-group">
                            <label class="fld-label">Till Number</label>
                            <input type="text" name="config[till]" value="{{ old('config.till', $config['till'] ?? '') }}" class="form-control form-control-sm">
                        </div>
                        <div class="form-group">
                            <label class="fld-label">Account Prefix</label>
                            <input type="text" name="config[account_prefix]" value="{{ old('config.account_prefix', $config['account_prefix'] ?? '') }}" class="form-control form-control-sm">
                        </div>

                        <hr>
                        <h6 class="font-weight-bold mt-1 mb-2"><i class="fas fa-mobile-alt mr-1"></i> Daraja API — STK Push credentials</h6>
                        <p class="small text-muted">From your <a href="https://developer.safaricom.co.ke" target="_blank" rel="noopener">Daraja</a> app. Save first, then use Test connection below.</p>
                        @error('mpesa')<div class="alert alert-danger">{{ $message }}</div>@enderror
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="fld-label">Environment</label>
                                    <select name="config[environment]" class="form-control form-control-sm">
                                        @foreach(['sandbox' => 'Sandbox (test)', 'production' => 'Production (live)'] as $val => $label)
                                            <option value="{{ $val }}" @selected(old('config.environment', $config['environment'] ?? 'sandbox') === $val)>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="fld-label">Transaction type</label>
                                    <select name="config[transaction_type]" class="form-control form-control-sm">
                                        @foreach(['CustomerPayBillOnline' => 'PayBill', 'CustomerBuyGoodsOnline' => 'Till (Buy Goods)'] as $val => $label)
                                            <option value="{{ $val }}" @selected(old('config.transaction_type', $config['transaction_type'] ?? 'CustomerPayBillOnline') === $val)>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="fld-label">Business short code</label>
                            <input type="text" name="config[business_shortcode]" value="{{ old('config.business_shortcode', $config['business_shortcode'] ?? '') }}" class="form-control form-control-sm" placeholder="e.g. 174379 (sandbox) or your paybill">
                        </div>
                        <div class="form-group">
                            <label class="fld-label">Consumer key</label>
                            <input type="text" name="config[consumer_key]" value="{{ old('config.consumer_key', $config['consumer_key'] ?? '') }}" class="form-control form-control-sm" autocomplete="off" placeholder="Daraja app consumer key">
                        </div>
                        <div class="form-group">
                            <label class="fld-label">Consumer secret</label>
                            <input type="password" name="config[consumer_secret]" value="{{ old('config.consumer_secret', $config['consumer_secret'] ?? '') }}" class="form-control form-control-sm" autocomplete="new-password" placeholder="Daraja app consumer secret">
                        </div>
                        <div class="form-group">
                            <label class="fld-label">Online passkey</label>
                            <input type="password" name="config[passkey]" value="{{ old('config.passkey', $config['passkey'] ?? '') }}" class="form-control form-control-sm" autocomplete="new-password" placeholder="STK push passkey">
                        </div>
                        <div class="form-group">
                            <label class="fld-label">Callback URL <small class="text-muted">(paste into your Daraja app — production needs a public HTTPS URL)</small></label>
                            <div class="input-group input-group-sm">
                                <input value="{{ route('mpesa.callback') }}" readonly class="form-control" onclick="this.select()">
                                <div class="input-group-append"><span class="input-group-text"><i class="fas fa-link"></i></span></div>
                            </div>
                        </div>
                    @endif

                    @if ($method->code === 'bank')
                        <div class="form-group">
                            <label class="fld-label">Bank Name</label>
                            <input type="text" name="config[bank_name]" value="{{ old('config.bank_name', $config['bank_name'] ?? '') }}" class="form-control form-control-sm">
                        </div>
                        <div class="form-group">
                            <label class="fld-label">Account Name</label>
                            <input type="text" name="config[account_name]" value="{{ old('config.account_name', $config['account_name'] ?? '') }}" class="form-control form-control-sm">
                        </div>
                        <div class="form-group">
                            <label class="fld-label">Account Number</label>
                            <input type="text" name="config[account_number]" value="{{ old('config.account_number', $config['account_number'] ?? '') }}" class="form-control form-control-sm">
                        </div>
                        <div class="form-group">
                            <label class="fld-label">Branch</label>
                            <input type="text" name="config[branch]" value="{{ old('config.branch', $config['branch'] ?? '') }}" class="form-control form-control-sm">
                        </div>
                    @endif

                    @if ($method->code === 'coop')
                        <hr>
                        <h6 class="font-weight-bold mt-1 mb-2"><i class="fas fa-university mr-1"></i> Co-op Bank Tuma API — STK Push credentials</h6>
                        <p class="small text-muted">From your <a href="https://merchant.tuma.co.ke/" target="_blank" rel="noopener">Tuma merchant</a> account. Save first, then use Test connection below. Endpoint paths are editable in case Tuma revises them.</p>
                        @error('coop')<div class="alert alert-danger">{{ $message }}</div>@enderror
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="fld-label">Environment</label>
                                    <select name="config[environment]" class="form-control form-control-sm">
                                        @foreach(['sandbox' => 'Sandbox (test)', 'production' => 'Production (live)'] as $val => $label)
                                            <option value="{{ $val }}" @selected(old('config.environment', $config['environment'] ?? 'sandbox') === $val)>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="fld-label">Merchant code</label>
                                    <input type="text" name="config[merchant_code]" value="{{ old('config.merchant_code', $config['merchant_code'] ?? '') }}" class="form-control form-control-sm" placeholder="Tuma merchant code">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="fld-label">Client ID</label>
                            <input type="text" name="config[client_id]" value="{{ old('config.client_id', $config['client_id'] ?? '') }}" class="form-control form-control-sm" autocomplete="off" placeholder="Tuma API client ID">
                        </div>
                        <div class="form-group">
                            <label class="fld-label">Client secret</label>
                            <input type="password" name="config[client_secret]" value="{{ old('config.client_secret', $config['client_secret'] ?? '') }}" class="form-control form-control-sm" autocomplete="new-password" placeholder="Tuma API client secret">
                        </div>
                        <div class="form-group">
                            <label class="fld-label">Base URL <small class="text-muted">(blank = environment default)</small></label>
                            <input type="url" name="config[base_url]" value="{{ old('config.base_url', $config['base_url'] ?? '') }}" class="form-control form-control-sm" placeholder="https://api.tuma.co.ke">
                        </div>
                        <div class="row">
                            @foreach(['token_path' => 'Token path', 'stk_path' => 'STK path', 'query_path' => 'Query path'] as $key => $label)
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label class="fld-label">{{ $label }}</label>
                                        <input type="text" name="config[{{ $key }}]" value="{{ old('config.'.$key, $config[$key] ?? '') }}" class="form-control form-control-sm" placeholder="/oauth/token">
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="form-group">
                            <label class="fld-label">Callback URL <small class="text-muted">(paste into your Tuma merchant app — production needs a public HTTPS URL)</small></label>
                            <div class="input-group input-group-sm">
                                <input value="{{ route('tuma.callback') }}" readonly class="form-control" onclick="this.select()">
                                <div class="input-group-append"><span class="input-group-text"><i class="fas fa-link"></i></span></div>
                            </div>
                        </div>
                    @endif

                    @if ($method->code === 'cheque')
                        <div class="form-group">
                            <label class="fld-label">Cheque Payee</label>
                            <input type="text" name="config[cheque_payee]" value="{{ old('config.cheque_payee', $config['cheque_payee'] ?? '') }}" class="form-control form-control-sm">
                        </div>
                    @endif

                    @if (in_array($method->code, ['cash', 'card', 'bank', 'mpesa', 'coop']))
                        <div class="form-group">
                            <label class="fld-label">Instructions</label>
                            <textarea name="config[instructions]" rows="2" class="form-control form-control-sm">{{ old('config.instructions', $config['instructions'] ?? '') }}</textarea>
                        </div>
                    @endif
                </div>
                <div class="card-footer d-flex justify-content-between align-items-center flex-wrap">
                    <div>
                        <button type="submit" class="btn btn-sm btn-primary"><i class="fas fa-check mr-1"></i> Save</button>
                        <a href="{{ route('payment-methods.index') }}" class="btn btn-sm btn-outline-secondary">Cancel</a>
                    </div>
                    @if($method->code === 'mpesa')
                        <form method="POST" action="{{ route('payment-methods.mpesa-test', $method) }}" class="d-inline">@csrf
                            <button type="submit" class="btn btn-sm btn-outline-success"><i class="fas fa-plug mr-1"></i> Test connection</button>
                        </form>
                    @endif
                    @if($method->code === 'coop')
                        <form method="POST" action="{{ route('payment-methods.coop-test', $method) }}" class="d-inline">@csrf
                            <button type="submit" class="btn btn-sm btn-outline-success"><i class="fas fa-plug mr-1"></i> Test connection</button>
                        </form>
                    @endif
                </div>
            </form>
        </div>
    </div>
</div>
@endsection