@extends('layouts.admin-simple')

@section('title', 'Add Product Standard')
@section('page-title', 'Add Product Standard')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('admin.products.index') }}">Products</a></li>
    <li class="breadcrumb-item"><a href="{{ route('admin.product-standards.index') }}">Standards</a></li>
    <li class="breadcrumb-item active" aria-current="page">Add Standard</li>
@endsection

@section('content')
<div class="row">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Standard Information</h4>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.product-standards.store') }}" method="POST">
                    @csrf
                    
                    <div class="form-group">
                        <label for="category_id">Product Category <span class="text-danger">*</span></label>
                        <select class="form-control @error('category_id') is-invalid @enderror" 
                                id="category_id" name="category_id" required>
                            <option value="">Select category...</option>
                            @foreach($categories as $category)
                                <option value="{{ $category->id }}" 
                                        {{ old('category_id', request('category')) == $category->id ? 'selected' : '' }}>
                                    {{ $category->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('category_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="name">Standard Name <span class="text-danger">*</span></label>
                        <input type="text" class="form-control @error('name') is-invalid @enderror" 
                               id="name" name="name" value="{{ old('name') }}" required
                               placeholder="e.g., JIS, EN, ASTM, SASO">
                        @error('name')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="code">Standard Code</label>
                        <input type="text" class="form-control @error('code') is-invalid @enderror" 
                               id="code" name="code" value="{{ old('code') }}"
                               placeholder="e.g., JIS R 3202, EN 572-2">
                        @error('code')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="description">Description</label>
                        <textarea class="form-control @error('description') is-invalid @enderror" 
                                  id="description" name="description" rows="3"
                                  placeholder="Describe this standard...">{{ old('description') }}</textarea>
                        @error('description')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="sort_order">Sort Order</label>
                                <input type="number" class="form-control @error('sort_order') is-invalid @enderror" 
                                       id="sort_order" name="sort_order" value="{{ old('sort_order', 0) }}">
                                @error('sort_order')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <div class="custom-control custom-switch">
                                    <input type="hidden" name="is_active" value="0">
                                    <input type="checkbox" class="custom-control-input" id="is_active" 
                                           name="is_active" value="1" {{ old('is_active', true) ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="is_active">Active</label>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <button type="submit" class="btn btn-primary">
                            <i class="material-icons">save</i> Create Standard
                        </button>
                        <a href="{{ route('admin.product-standards.index') }}" class="btn btn-secondary">
                            <i class="material-icons">cancel</i> Cancel
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
    
    <div class="col-lg-4">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Common Standards</h4>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <strong>JIS (Japanese Industrial Standards)</strong>
                    <ul class="small text-muted">
                        <li>JIS R 3202 - Float glass</li>
                        <li>JIS R 3206 - Pattern glass</li>
                    </ul>
                </div>
                <div class="mb-3">
                    <strong>EN (European Standards)</strong>
                    <ul class="small text-muted">
                        <li>EN 572-2 - Float glass</li>
                        <li>EN 1096 - Coated glass</li>
                    </ul>
                </div>
                <div class="mb-3">
                    <strong>ASTM (American Standards)</strong>
                    <ul class="small text-muted">
                        <li>ASTM C1036 - Flat glass</li>
                        <li>ASTM C1503 - Mirror glass</li>
                    </ul>
                </div>
                <div>
                    <strong>SASO (Saudi Standards)</strong>
                    <ul class="small text-muted">
                        <li>SASO 2663 - Mirror glass</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection