@extends('admin.layouts.app')
@section('page_content')

<div class="content-wrapper">
    <!-- Page Title Header Starts-->
    <div class="row page-title-header">
        <div class="col-12">
            <div class="page-header">
                <h4 class="page-title">Upload Images/Import  - Frames</h4>
                <ul>
                    <li><a href="{{route('admin.products.frames')}}" class="filled_green_btn">Back</a></li> 
                </ul>   
            </div>
        </div>
    </div>
    <!-- Page Title Header Ends-->


     <div class="row">
         <div class="col-md-12 grid-margin">
             <div class="row flex-grow">
                 <div class="col-12">
                     <div class="card">
                         <div class="card-body add_product">                            
							 <ul class="nav nav-tabs" id="myTab" role="tablist">
							     <li class="nav-item" role="presentation">
							         <a class="nav-link active" id="thumbimages-tab" data-toggle="tab" href="#thumbimages" role="tab" aria-controls="thumbimages" aria-selected="true">Upload Thumb Images</a>
							     </li>
							     <li class="nav-item" role="presentation">
							         <a class="nav-link" id="importexcelsheet-tab" data-toggle="tab" href="#importexcelsheet" role="tab" aria-controls="importexcelsheet" aria-selected="false">Import Excel Sheet (Add Frames)</a>
							     </li>
							 </ul>
							 <div class="tab-content" id="myTabContent">

							     <div class="tab-pane fade show active" id="thumbimages" role="tabpanel" aria-labelledby="thumbimages-tab">
                                    <br/>
                                    <p><small>Note - Frames Thumb Image : You can also upload frame thumb images here as well</small></p>
							  	     <br/>
							  	     <form class="forms-sample" method="post" enctype="multipart/form-data" action="{{route('admin.products.frames.importimagesave')}}">
                                     @csrf

		                                 <div class="form-row">
		                                     <div class="form-group mt-4 col-md-12">
		                                         <label for="exampleInputEmail1">Thumb Image</label>
		                                         <input type="file" name="thumb_image[]" class=" form-control fileInput4" id="galleryImages" accept=".png, .jpg, .jpeg, .gif" multiple="" style="padding: 12px;">
		                                     </div>
		                                 </div>

                                         <button type="submit" name="importimageframe" class="btn btn-green btn-rounded mr-2">Upload</button> 

                                     </form>

							     </div>

							     <div class="tab-pane fade" id="importexcelsheet" role="tabpanel" aria-labelledby="importexcelsheet-tab">
							     	 <br/>
							     	 <form class="forms-sample" method="post" enctype="multipart/form-data" action="{{route('admin.products.frames.import.save')}}">
                                         @csrf
		                                 <div class="form-group mt-4">
		                                     <div class="downloads field_wrapper" id="downloads">
		                                         <div class="form-row">
                                                    <div class="custom-file">
                                                        <label>Upload Excel Sheet</label>
                                                        <input type="file" name="uploadexsheet" class="custom-file-input form-control" required="" id="uploadexsheet"  accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
                                                        <label class="custom-file-label" for="uploadexsheet">Choose file</label>
                                                    </div>
		                                         </div>
		                                     </div>
		                                 </div>
                                         <button type="submit" name="importframesdata" id="importframesdata" class="btn btn-green btn-rounded mr-2">Upload</button>
                                         <a href="{{asset('imports/frames.xlsx')}}" class="btn btn-green btn-rounded pull-right" download="" >Download sample Format</a>
                                     </form>
							     </div>

							 </div>

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



    <div class="row d-none">
        <div class="col-md-12 grid-margin">
            <div class="row flex-grow">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body add_product">
                            <form class="forms-sample" method="post" enctype="multipart/form-data" action="{{route('admin.products.frames.importimagesave')}}">
                                @csrf

                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <label for="thumb_image">Thumb Image</label>
                                        <div class="custom-file">
                                            <input type="file" name="thumb_image[]" class="custom-file-input form-control" id="customFile" accept=".png, .jpg, .jpeg, .gif" multiple="">
                                            <label class="custom-file-label" for="customFile">Choose file</label>
                                        </div>
                                    </div>
                                </div>

                                <button type="submit" name="importimageframe" class="btn btn-green btn-rounded mr-2">Save</button>
                                <!-- <button class="btn btn-light btn-rounded">Cancel</button> -->
                            </form>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>

</div>


@endsection