@extends('layouts.admin')

@section('content')

<div class="container mt-10">
    @if (count($errors) > 0)
    <div class="alert alert-danger">
        <strong>Sorry!</strong> There were more problems with your HTML input.<br><br>
        <ul>
        @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach
        </ul>
    </div>
    @endif
    
    @if(session('success'))
    <div class="alert alert-success">
    {{ session('success') }}
    </div> 
    @endif

    <form method="post" action="{{route('gallery.store')}}" enctype="multipart/form-data">
        @csrf

        <div class="form-group row">
            <select class="form-control" name="product_id">
                <option>Select Product</option>
                    @foreach ($items as $item)
                        <option value="{{ $item->id }}"> 
                            {{ $item->name }} 
                        </option>
                    @endforeach    
            </select>
        </div>
        <div class="input-group row hdtuto control-group lst increment" >
            <input type="file" name="display_images[]" class="myfrm form-control">
            <div class="input-group-btn"> 
                <button class="btn btn-success btn-add-image" type="button"><i class="fldemo glyphicon glyphicon-plus"></i>Add</button>
            </div>
        </div>
        <div class="clone hide">
        <div class="hdtuto control-group lst input-group row" style="margin-top:10px">
            <input type="file" name="display_images[]" class="myfrm form-control">
            <div class="input-group-btn"> 
            <button class="btn btn-danger btn-remove-image" type="button"><i class="fldemo glyphicon glyphicon-remove"></i> Remove</button>
            </div>
        </div>
        </div>
    
        <button type="submit" class="btn btn-success" style="margin-top:10px">Submit</button>
    
    </form>        
</div>

@endsection