@extends('dashboard.layouts.app')

@section('title', __('dashboard.Edit Payment Method'))
@section('page_heading', __('dashboard.Edit Payment Method'))

@section('breadcrumb')
<li class="breadcrumb-item text-muted">
    <a href="{{ route('dashboard.home') }}" class="text-muted text-hover-primary">{{ __('dashboard.Home') }}</a>
</li>
<li class="breadcrumb-item">
    <span class="bullet bg-gray-500 w-5px h-2px"></span>
</li>
<li class="breadcrumb-item text-muted">
    <a href="{{ route('dashboard.payment-methods.index') }}" class="text-muted text-hover-primary">{{ __('dashboard.Payment Methods') }}</a>
</li>
<li class="breadcrumb-item">
    <span class="bullet bg-gray-500 w-5px h-2px"></span>
</li>
<li class="breadcrumb-item text-muted">{{ __('dashboard.Edit Payment Method') }}</li>
@endsection

@section('actions')
<a href="{{ route('dashboard.payment-methods.index') }}" class="btn btn-flex btn-outline btn-color-gray-700 btn-active-color-primary bg-body h-40px fs-7 fw-bold">{{ __('dashboard.View All Payment Methods') }}</a>
@endsection

@section('content')
<div class="row g-7">
    <div class="col-xl-12">
        <div class="card card-flush h-lg-100">
            <div class="card-header pt-7">
                <div class="card-title">
                    <i class="bi bi-credit-card fs-1 me-2"></i>
                    <h2>{{ __('dashboard.Edit Payment Method') }}</h2>
                </div>
            </div>
            <div class="card-body pt-5">
                <form class="form" action="{{ route('dashboard.payment-methods.update', $paymentMethod) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <div class="row">
                        <div class="col-md-6">
                            <div class="fv-row mb-7">
                                <label class="fs-6 fw-semibold form-label mt-3 required">{{ __('dashboard.Name') }}</label>
                                <input type="text" class="form-control form-control-solid @error('name') is-invalid @enderror" name="name" value="{{ old('name', $paymentMethod->name) }}" required />
                                @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="fv-row mb-7">
                                <label class="fs-6 fw-semibold form-label mt-3 required">{{ __('dashboard.Code') }}</label>
                                <input type="text" class="form-control form-control-solid @error('code') is-invalid @enderror" name="code" value="{{ old('code', $paymentMethod->code) }}" required />
                                @error('code')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="fv-row mb-7">
                        <label class="fs-6 fw-semibold form-label mt-3">{{ __('dashboard.Logo') }}</label>
                        @if($paymentMethod->logo)
                        <div class="mb-3">
                            <img src="{{ Storage::url($paymentMethod->logo) }}" class="img-thumbnail" width="200">
                        </div>
                        @endif
                        <input type="file" class="form-control form-control-solid @error('logo') is-invalid @enderror" name="logo" />
                        @error('logo')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="fv-row mb-7">
                                <label class="fs-6 fw-semibold form-label mt-3">{{ __('dashboard.Min Order Value') }}</label>
                                <input type="number" class="form-control form-control-solid @error('min_order_value') is-invalid @enderror" name="min_order_value" value="{{ old('min_order_value', $paymentMethod->min_order_value) }}" step="0.01" />
                                @error('min_order_value')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="fv-row mb-7">
                                <label class="fs-6 fw-semibold form-label mt-3">{{ __('dashboard.Max Order Value') }}</label>
                                <input type="number" class="form-control form-control-solid @error('max_order_value') is-invalid @enderror" name="max_order_value" value="{{ old('max_order_value', $paymentMethod->max_order_value) }}" step="0.01" />
                                @error('max_order_value')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="fv-row mb-7">
                        <label class="fs-6 fw-semibold form-label mt-3 required">{{ __('dashboard.Payment Type') }}</label>
                        <select name="payment_type" class="form-select form-select-solid @error('payment_type') is-invalid @enderror" data-control="select2" data-hide-search="true" required>
                            <option value="cash" {{ old('payment_type', $paymentMethod->payment_type) == 'cash' ? 'selected' : '' }}>{{ __('dashboard.Cash') }}</option>
                            <option value="installment" {{ old('payment_type', $paymentMethod->payment_type) == 'installment' ? 'selected' : '' }}>{{ __('dashboard.Installment') }}</option>
                            <option value="both" {{ old('payment_type', $paymentMethod->payment_type) == 'both' ? 'selected' : '' }}>{{ __('dashboard.Cash & Installment') }}</option>
                        </select>
                        @error('payment_type')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="fv-row mb-7">
                        <label class="fs-6 fw-semibold form-label mt-3">{{ __('dashboard.Settings') }}</label>
                        <textarea name="settings" class="form-control form-control-solid @error('settings') is-invalid @enderror" rows="3">{{ old('settings', json_encode($paymentMethod->settings)) }}</textarea>
                        @error('settings')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="fv-row mb-7">
                        <label class="fs-6 fw-semibold form-label mt-3">{{ __('dashboard.Active') }}</label>
                        <div class="form-check form-switch form-check-custom form-check-solid">
                            <input class="form-check-input" type="checkbox" value="1" name="is_active" id="is_active" {{ old('is_active', $paymentMethod->is_active) ? 'checked' : '' }} />
                            <label class="form-check-label" for="is_active">
                                {{ __('dashboard.Active') }}
                            </label>
                        </div>
                        @error('is_active')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="d-flex justify-content-end">
                        <a href="{{ route('dashboard.payment-methods.index') }}" class="btn btn-light me-3">{{ __('dashboard.Cancel') }}</a>
                        <button type="submit" class="btn btn-primary">
                            <span class="indicator-label">{{ __('dashboard.Save') }}</span>
                            <span class="indicator-progress">{{ __('dashboard.Please wait...') }}
                            <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                            </span>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    $(document).ready(function () {
        $('[data-control="select2"]').select2();
    });
</script>
@endpush