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

    <div class="col-lg-12" style="margin-top:-10px">
        <div class="row">
             <div class="col-sm-6">
                 <h4>{{translate('Offer Email template')}}</h4>
             </div>
            <div class="col-sm-6">
                <a href="http://3.111.159.152/UAT/admin/newsletter/template" class="btn btn-info pull-right"  >Back</a>
            </div>
        </div>
          
        <div class="panel">
            
             <div class="panel-body " style="padding: 20px;">
                <div class="row justify-content-center">

                     <div class="form-group  col-md-10 col-md-offset-1 ">
                        <div class="row">
                            <div class="col-md-2"> <label class=" control-label " >Select Template</label></div>
                            <div class="col-md-10">
                                <select class="form-control ">
                                    <option>Template 1 (Green)</option>
                                    <option>Template 2 (Yellow)</option>
                                    <option>Template 3 (Orange)</option>
                                </select>
                            </div>
                        </div>
                    </div>  
                    <div class="form-group col-md-10 col-md-offset-1">
                         <div class="row">
                                <div class="col-md-2"> <label class=" control-label " > Template Name</label></div>
                               <div class="col-md-10"> <input type="text" placeholder="Enter template name" class="form-control" name="name" id="name" required=""> </div>
                           </div>
                    </div>  
                    <div class="form-group col-md-10 col-md-offset-1">
                           <h5 style="margin-bottom: 20px;">Upload Images</h5>
                           <div class="row">
                              <div class="col-md-2"> <label class=" control-label " >Image 1<br> <small style="opacity:.8">(1000x1000)</small></label></div>
                               <div class="col-md-10"> <input type="file" placeholder="Enter template name" class="form-control"  required=""> </div>
                           </div>
                           <div class="row" style="margin-top:10px">
                               <div class="col-md-2"> <label class=" control-label " >Image 2<br> <small style="opacity:.8">(1000x480)</small></label></div>
                               <div class="col-md-10"> <input type="file" placeholder="Enter template name" class="form-control"  required=""> </div>
                           </div>
                            <div class="row" style="margin-top:10px">
                                <div class="col-md-2"> <label class=" control-label " >Image 3<br> <small style="opacity:.8">(1000x480)</small></label></div>
                               <div class="col-md-10"> <input type="file" placeholder="Enter template name" class="form-control"  required=""> </div>
                           </div>
                            <div class="row" style="margin-top:10px">
                                <div class="col-md-2"> <label class=" control-label " >Image 4<br> <small style="opacity:.8">(1000x480)</small></label></div>
                               <div class="col-md-10"> <input type="file" placeholder="Enter template name" class="form-control"  required=""> </div>
                           </div>
                            <div class="row" style="margin-top:10px">
                                <div class="col-md-2"> <label class=" control-label " >Image 5<br> <small style="opacity:.8">(1000x480)</small></label></div>
                                <div class="col-md-10"> <input type="file" placeholder="Enter template name" class="form-control"  required=""> </div>
                           </div>

                            <div style="margin-top:10px"> <button class="btn btn-info pull-right">Create</button> </div>

                    </div>   
                </div>
                 

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

@endsection

@section('script')
<script type="text/javascript">
    

</script>
@endsection