@extends('layouts.app')

@section('content')
    <div class="container my-5 px-5">
        <div class="row">
            <div class="col-12 d-flex justify-content-between align-items-center mb-4">
                <h2 class="fw-bold">Add EICR Frequency</h2>
                <button class="btn btn-primary" onclick="window.location='{{ route('eicrfrequency.index') }}'">
                    Back
                </button>
            </div>
        </div>
        <div class="row mt-4">
            <div class="col-lg-4 col-md-5 col-sm-8 col-10 mx-auto">
                <div class="card bg-white boxShadow px-4 py-3">
                    <form action="{{ route('eicrfrequency.store') }}" method="POST">
                        @csrf

                        <div class="mb-3">
                            <label for="name" class="form-label f_14">Name*</label>
                            <input type="text" class="form-control @error('name') is-invalid @enderror" id="name"
                                name="name" value="{{ old('name') }}" placeholder="Enter frequency name">
                            @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="color" class="form-label f_14">Color*</label>
                            <input type="color" class="form-control @error('color') is-invalid @enderror" id="color"
                                name="color" value="{{ old('color') }}" placeholder="Enter color code, e.g. #FFFFFF">
                            @error('color')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="description" class="form-label f_14">Description</label>
                            <textarea rows="5" class="form-control @error('description') is-invalid @enderror" id="description"
                                name="description" placeholder="Enter description here">{{ old('description') }}</textarea>
                            @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div>
                            <button type="submit" class="btn btn-primary gap-2 align-items-center">
                                Submit
                                <svg width="19" height="19" viewBox="0 0 19 19" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path d="M6.93896 4.33112L12.2016 9.59374L6.93896 14.8564" stroke="white"
                                        stroke-width="2.25541" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection