@extends('layouts.dashboard')

@section('title', 'Preview Blob')

@section('myJS')
  <script src="{{url('/')}}/js/admin/admin.js"></script>
  <script src="{{url('/')}}/js/admin/output.js"></script>
@endsection

@section('content')

<div class="padding-top40"></div>

<div class="bs-example">
	<div class="container-fluid">
		<div class="row">
            <div id="exTab1" >
                <div class="col-md-12">
                    <h3>Preview Blob</h3>
                </div>
            </div>
        </div>
		<div class="row">
            <div id="exTab1" >
                <div class="col-md-6">
                    <form method="post" action="#" id="previewBlobForm">
                    @csrf
                        <div class="test">
                            <div class="export-padding">
                                <b>Select Product</b>
                                <br>
                                <select class="form-control products" name="productID">
                                    @foreach($products as $product)
                                        <option value="{{$product->ProductID}}">{{$product->ProductCode}}</option>
                                    @endforeach
                                </select>
                                <br>
                                <br>
                            </div>
                            <div class="export-padding">
                                <b>Select Option:</b>
                                <br>
                                <label class="radio-inline">
                                    <input type="radio" value="html" name="outputType" checked style="width: 18px;height: 18px;margin-bottom: 0px !important;">&nbsp;&nbsp;HTML (Preview)
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" value="htmlcode" name="outputType" checked style="width: 18px;height: 18px;margin-bottom: 0px !important;">&nbsp;&nbsp;HTML (Code)
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" value="raw" name="outputType"  style="width: 18px;height: 18px;margin-bottom: 0px !important;">&nbsp;&nbsp;Raw
                                </label>
                                <div class="exportType_error text-danger"></div>
                                <br>
                            </div>
                            <div>
                                <input type="hidden" name="blobID" value="{{$blobID}}" />
                                <button type="submit" class="btn btn-primary previewBlob" value="previewBlob" name="previewBlob" onclick="return false;">Submit</button>
                            </div>
                        </div>
                    </form>
                    <div id="result"></div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection