@extends('main.layouts.app')
@section('content')

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-sm-8">
        <h2> Images Page </h2>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"> <a class="btn btn-primary" href="dashboard"> Home </a> </li>
            <li class="breadcrumb-item"> <a class="btn btn-primary" href="{{ route('tabs.create') }}">Add Images</a></li>
           
        </ol>
    </div>
    <div class="col-sm-4">
        <div class="title-action">
            {{-- <a href="#"><button class='btn btn-info'> List Users</button></a> --}}
        </div>
    </div>
</div>
<div class="wrapper wrapper-content">
	<div class="animated fadeInUp">

        <form action="{{route('image.store') }}" method="post" enctype="multipart/form-data">
            @csrf
     
            <div class="form-group">
                <label>Select Product</label>
                <select required class="form-control" id="category" name="product_name">
                    <option value="">Select</option>
                                    </select>
                <span class="material-input"></span>
            </div>
    
        <div class="form-group">
            <label>Image Name</label>
            <input type="text" name="image_name" class="form-control" required>
        </div>

        <div class="form-group">
            <label>Image</label>
            <input type="file" name="images" class="form-control" required>
        </div>

        {{-- <div class="form-group">
            <label>Description</label>
            <textarea class="ckeditor" name="description" required></textarea>
            
        </div> --}}


       
        
        <div class="form-group">
            <label>Status</label>
            <input type="checkbox" name="featured" >
        </div>
       
      

        <input type="submit" class="btn btn-primary" name="save" value="submit">


    </div>
</form>
    </div>
</div>

<script src="https://cdn.ckeditor.com/4.17.1/standard/ckeditor.js"></script>
@endsection