@extends('admin.layouts.app')

@section('page-title')
{{ isset($shippingFee) ? 'Shipping Fee :: Edit' : 'Shipping Fee :: Add' }}
@endsection

@section('content')

<div class="container-xxl">
    <div class="row">
        <div class="col-xl-9 col-lg-8">

            <div class="card">
                <form method="POST" action="{{ isset($shippingfee) ? route('admin.shippingfee.update', $shippingfee) : route('admin.shippingfee.store') }}">
                    @csrf
                    @if(isset($shippingfee))
                    @method('PUT')
                    @endif

                    <div class="card-header">
                        <h4 class="card-title">General Information</h4>
                    </div>

                    <div class="card-body">
                        <div class="row">

                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label for="country_code" class="form-label">Country Code (e.g. BE)</label>
                                    <input type="text" name="country_code" id="country_code" maxlength="2"
                                        class="form-control @error('country_code') is-invalid @enderror"
                                        value="{{ old('country_code', $shippingfee->country_code ?? '') }}" required>
                                    @error('country_code')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

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

                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label for="small_package_fee" class="form-label">Small Package Fee (€)</label>
                                    <input type="number" step="0.01" name="small_package_fee" id="small_package_fee"
                                        class="form-control @error('small_package_fee') is-invalid @enderror"
                                        value="{{ old('small_package_fee', $shippingfee->small_package_fee ?? '') }}" required>
                                    @error('small_package_fee')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label for="large_package_fee" class="form-label">Large Package Fee (€)</label>
                                    <input type="number" step="0.01" name="large_package_fee" id="large_package_fee"
                                        class="form-control @error('large_package_fee') is-invalid @enderror"
                                        value="{{ old('large_package_fee', $shippingfee->large_package_fee ?? '') }}" required>
                                    @error('large_package_fee')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                        </div> <!-- row -->
                    </div> <!-- card-body -->

                    <div class="card-footer border-top">
                        <div class="row g-2">

                            <div class="col-lg-6">
                                <button type="submit" class="btn btn-primary w-100">{{ isset($shippingfee) ? 'Update Fee' : 'Add Fee' }}</button>
                            </div>
                            <div class="col-lg-6">
                                <a href="{{ route('admin.shippingfee.index') }}" class="btn btn-outline-secondary w-100">Cancel</a>
                            </div>
                        </div>
                    </div>

                </form>
            </div> <!-- card -->

        </div> <!-- col -->
    </div> <!-- row -->
</div> <!-- container -->
@endsection