@extends('layout.master')
@section('content')
<!-- Main Content-->

<div class="main-content side-content pt-0">
    <div class="main-container container-fluid">
        <div class="inner-body">
            <!-- Page Header -->
            <div class="page-header">
                <div>
                    <h2 class="main-content-title tx-24 mg-b-5">Create Chemicals</h2>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Create / Chemicals</li>
                    </ol>
                </div>
            </div>
        </div>
        @csrf
        @if($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif

        <div class="row row-sm">
            <div class="col-lg-12">
                <div class="card custom-card overflow-hidden">
                    <div class="card-body">
                        <div class="container">
                             <form action="{{ route('chemical.store') }}" method="POST" enctype="multipart/form-data">
                                    
                                    @csrf
                                    @if($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                    @endif
                                    <div class="row">

                                       
                                    <div class="form-group col-md-6">
                                        <div class="mb-3 font-weight-semibold">Flammable</div>
                                        <select class="form-control" id="flammable" name="flammable">
                                            <option value="" disabled {{ old('flammable', $chemical->flammable ?? '') === null ? 'selected' : '' }}>Select...</option>
                                            <option value="yes" {{ old('flammable', $chemical->flammable ?? '') === 'yes' ? 'selected' : '' }}>Yes</option>
                                            <option value="no" {{ old('flammable', $chemical->flammable ?? '') === 'no' ? 'selected' : '' }}>No</option>
                                        </select>
                                    </div>


                                    <div class="form-group col-md-6">
                                        <div class="mb-3 font-weight-semibold">Name</div>
                                        <input type="text" class="form-control" id="name" name="name" value="{{ old('name', $chemical->name ?? '') }}">
                                    </div>

                                    <div class="form-group col-md-6">
                                        <div class="mb-3 font-weight-semibold">Formula</div>
                                        <input type="text" class="form-control" id="formula" name="formula" value="{{ old('formula', $chemical->formula ?? '') }}">
                                    </div>

                                    <div class="form-group col-md-12">
                                        <div class="mb-3 font-weight-semibold">Description</div>
                                        <textarea class="form-control" id="editor" name="description" required>{{ old('description', $chemical->description ?? '') }}</textarea>
                                    </div>

                                    <div class="form-group col-md-12">
                                        <div class="mb-3 font-weight-semibold">Properties</div>
                                        <textarea class="form-control" id="editor4" name="properties" required>{{ old('properties', $chemical->properties ?? '') }}</textarea>
                                    </div>

                                    <div class="form-group col-md-6">
                                        <div class="mb-3 font-weight-semibold">Hazard Class</div>
                                        <input type="text" class="form-control" id="hazard_class" name="hazard_class" value="{{ old('hazard_class', $chemical->hazard_class ?? '') }}">
                                    </div>

                                    <div class="form-group col-md-12">
                                        <div class="mb-3 font-weight-semibold">Definition</div>
                                        <textarea class="form-control" id="editor1" name="definition">{{ old('definition', $chemical->definition ?? '') }}</textarea>
                                    </div>

                                    <div class="form-group col-md-6">
                                        <div class="mb-3 font-weight-semibold">Flashpoint</div>
                                        <input type="text" class="form-control" id="flashpoint" name="flashpoint" value="{{ old('flashpoint', $chemical->flashpoint ?? '') }}">
                                    </div>

                                    <div class="form-group col-md-6">
                                        <div class="mb-3 font-weight-semibold">Storage Temperature Range</div>
                                        <input type="text" class="form-control" id="storage_temperature_range" name="storage_temperature_range" value="{{ old('storage_temperature_range', $chemical->storage_temperature_range ?? '') }}">
                                    </div>

                                    <div class="form-group col-md-12">
                                        <div class="mb-3 font-weight-semibold">Compatibility</div>
                                    
                                        <textarea class="form-control" id="editor2" name="compatibility">{{ old('compatibility', $chemical->compatibility ?? '') }}</textarea>
                                    </div>


                                    <div class="form-group col-md-6">
                                        <div class="mb-3 font-weight-semibold">Fire Suppression Icon</div>
                                        <input type="text" class="form-control" id="fire_suppression_icon" name="fire_suppression_icon" value="{{ old('fire_suppression_icon', $chemical->fire_suppression_icon ?? '') }}">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <div class="mb-3 font-weight-semibold">Fire Suppression</div>
                                        <input type="text" class="form-control" id="fire_suppression" name="fire_suppression" value="{{ old('fire_suppression', $chemical->fire_suppression ?? '') }}">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <div class="mb-3 font-weight-semibold">Fire Suppression Arch </div>
                                        <input  type="text" class="form-control" id="fire_suppression_arch" name="fire_suppression_arch" value="{{ old('fire_suppression_arch', $chemical->fire_suppression_arch ?? '') }}">
                                    </div>
                                    <div class="form-group col-md-12">
                                        <div class="mb-3 font-weight-semibold">Review</div>
                                        <textarea  class="form-control" id="editor5" name="review">{{ old('review', $chemical->review ?? '') }}</textarea>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <div class="mb-3 font-weight-semibold">Note</div>
                                        <textarea class="form-control" id="editor3" name="note">{{ old('note', $chemical->note ?? '') }}</textarea>
                                    </div>

                                      
                                        <div class="d-flex justify-content-end">
                                            <button class="btn btn-success col-md-6" type="submit">Save</button>
                                        </div>

                                    </div>
                                </form> 
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
   
        </div>
        <script src="https://cdn.ckeditor.com/4.22.1/standard/ckeditor.js"></script>
        <script>
     CKEDITOR.replace( 'editor' );
     CKEDITOR.replace( 'editor1' );
     CKEDITOR.replace( 'editor2' );
     CKEDITOR.replace( 'editor3' );
     CKEDITOR.replace( 'editor4' );
     CKEDITOR.replace( 'editor5' );
    </script>
        @endsection