@csrf

<div class="row g-3">
    <div class="col-md-6">
        <label class="form-label" for="parent_gateway_id">Payin Gateway</label>
        <select id="parent_gateway_id" name="parent_gateway_id" class="form-select @error('parent_gateway_id') is-invalid @enderror" required>
            <option value="">Select gateway</option>
            @foreach ($payinMethods as $method)
                <option value="{{ $method->id }}" @selected((string) old('parent_gateway_id', $subStore->parent_gateway_id) === (string) $method->id)>
                    {{ $method->name }}{{ $method->code ? ' ('.$method->code.')' : '' }}
                </option>
            @endforeach
        </select>
        @error('parent_gateway_id')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="name">Name</label>
        <input id="name" name="name" type="text" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $subStore->name) }}" required>
        @error('name')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="website">Website</label>
        <input id="website" name="website" type="text" class="form-control @error('website') is-invalid @enderror" value="{{ old('website', $subStore->website) }}">
        @error('website')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="account_no">Account No</label>
        <input id="account_no" name="account_no" type="text" class="form-control @error('account_no') is-invalid @enderror" value="{{ old('account_no', $subStore->account_no) }}">
        @error('account_no')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="api_key">Api Key</label>
        <input id="api_key" name="api_key" type="text" class="form-control @error('api_key') is-invalid @enderror" value="{{ old('api_key', $subStore->api_key) }}">
        @error('api_key')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="store_id">Store ID</label>
        <input id="store_id" name="store_id" type="text" class="form-control @error('store_id') is-invalid @enderror" value="{{ old('store_id', $subStore->store_id) }}">
        @error('store_id')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>
</div>

<div class="d-flex justify-content-end gap-2 mt-4">
    <a href="{{ route('admin.sub_stores.index') }}" class="btn btn-outline-secondary">Back</a>
    <button type="submit" class="btn btn-primary">{{ $mode === 'create' ? 'Create Sub Store' : 'Save Changes' }}</button>
</div>