@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 Image</h2>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Create / Image</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('chemicalimage.update',$chemicals->id) }}" method="POST" enctype="multipart/form-data">
                                    
                                    @csrf
                                    @method('PUT')
                                    @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">Chemical Icons</div>
                                        <input type="file" class="form-control" id="images" name="images[]" multiple>
                                        <div id="imagePreviews" class="mt-3">
                                           
                                                <img src="{{ $chemicals->images }}" alt="{{ $chemicals->chemical_name }}" class="img-thumbnail" style="max-width: 100px; margin-right: 10px;">
                                           
                                        </div>
                                    </div>
                                        <div class="d-flex justify-content-end">
                                            <button class="btn btn-success col-md-3" type="submit">Save</button>
                                        </div>

                                    </div>
                                </form> 
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
   
        </div>
        @endsection