@extends('layouts.admin')

@section('title', 'Add Shipping Method')

@section('content')
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-2 mb-3 border-bottom" style="padding-top: 56px;">
    <h1 class="h2">Add Shipping Method</h1>
    <div>
        <a href="{{ route('admin.shipping-methods.index') }}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left"></i> Back to List
        </a>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <form action="{{ route('admin.shipping-methods.store') }}" method="POST">
            @csrf

            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Name *</label>
                    <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" 
                           value="{{ old('name') }}" required>
                    @error('name')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                    <small class="form-text text-muted">e.g., "Standard Delivery", "Express Delivery"</small>
                </div>

                <div class="col-md-6 mb-3">
                    <label class="form-label">Code *</label>
                    <input type="text" name="code" class="form-control @error('code') is-invalid @enderror" 
                           value="{{ old('code') }}" required>
                    @error('code')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                    <small class="form-text text-muted">Unique identifier (e.g., "standard", "express")</small>
                </div>

                <div class="col-12 mb-3">
                    <label class="form-label">Description</label>
                    <textarea name="description" class="form-control @error('description') is-invalid @enderror" 
                              rows="3">{{ old('description') }}</textarea>
                    @error('description')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-4 mb-3">
                    <label class="form-label">Price (₹) *</label>
                    <input type="number" name="price" step="0.01" min="0" 
                           class="form-control @error('price') is-invalid @enderror" 
                           value="{{ old('price', 0) }}" required>
                    @error('price')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-4 mb-3">
                    <label class="form-label">Cart Value (₹)</label>
                    <input type="number" name="cart_value" step="0.01" min="0" 
                           class="form-control @error('cart_value') is-invalid @enderror" 
                           value="{{ old('cart_value') }}">
                    @error('cart_value')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                    <small class="form-text text-muted">Free shipping applies when the order subtotal reaches this amount. Leave empty to always charge shipping.</small>
                </div>

                <div class="col-md-4 mb-3">
                    <label class="form-label">Min Days</label>
                    <input type="number" name="estimated_days_min" min="1" 
                           class="form-control @error('estimated_days_min') is-invalid @enderror" 
                           value="{{ old('estimated_days_min') }}">
                    @error('estimated_days_min')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-4 mb-3">
                    <label class="form-label">Max Days</label>
                    <input type="number" name="estimated_days_max" min="1" 
                           class="form-control @error('estimated_days_max') is-invalid @enderror" 
                           value="{{ old('estimated_days_max') }}">
                    @error('estimated_days_max')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-6 mb-3">
                    <label class="form-label">Sort Order</label>
                    <input type="number" name="sort_order" min="0" 
                           class="form-control @error('sort_order') is-invalid @enderror" 
                           value="{{ old('sort_order', 0) }}">
                    @error('sort_order')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                    <small class="form-text text-muted">Lower numbers appear first</small>
                </div>

                <div class="col-md-6 mb-3">
                    <div class="form-check mt-4">
                        <input type="checkbox" name="is_active" class="form-check-input" id="isActive" 
                               value="1" {{ old('is_active', true) ? 'checked' : '' }}>
                        <label class="form-check-label" for="isActive">
                            Active
                        </label>
                    </div>
                </div>
            </div>

            <div class="mt-4">
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-save"></i> Create Shipping Method
                </button>
                <a href="{{ route('admin.shipping-methods.index') }}" class="btn btn-secondary">
                    Cancel
                </a>
            </div>
        </form>
    </div>
</div>
@endsection
