<?php $__env->startSection('content_header'); ?>
    <h1>Template</h1>
<?php $__env->stopSection(); ?>


<script src="//code.jquery.com/jquery.js"></script>

<?php $__env->startSection('content'); ?>
<?php echo notifyCss(); ?>
 <?php echo notifyJs(); ?>
<?php if($errors->any()): ?>
    <div class="alert alert-danger">
        <ul>
            <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <li><?php echo e($error); ?></li>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </ul>
    </div>
<?php endif; ?>

      <?php if(session('status')): ?>
    <div class="alert alert-success">
        <?php echo e(session('status')); ?>

    </div>
    <?php endif; ?>
<?php echo $__env->make('notify::messages', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
            <div class="row">
            <!--row starts-->

            <div class="col-md-12">
               
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                           Template Manager
                        </h3>
                </div>

                <div class="panel-body">
                        <form class="form-horizontal" action="<?php echo e(url('templatepost')); ?>" method="post" id="template" onsubmit="return validation();">

                            <!-- CSRF Token -->
                             <input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
                                <!-- Name input-->


                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Title<span style="color: red;">*</span></label>
                                    <div class="col-md-9" >
                                        <input id="title" name="title" type="text" maxlength="30" placeholder="Enter the title" class="form-control">
                                    </div>
                                </div>
                              
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Top</label>
                                    <div class="col-md-5">
                                        <input id="top" name="top" type="text" placeholder="Enter the value" class="form-control" maxlength="300"> </div>
                                    <div class="col-md-4">
                                      <select name="top_type" id="top_type" class="form-control">
                                        <option value="0">Select One</option>
                                        <option value="1">Date</option>
                                        <option value="2">Number</option>
                                        <option value="3">Text</option>
                                        <option value="4">Long Text</option>
                                         
                                      </select>
                                      </div>
                                </div>

                                 

                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Top1</label>
                                    <div class="col-md-5">
                                        <input id="top1" name="top1" type="text" placeholder="Enter the value" class="form-control" maxlength="300"></div>
                                        <div class="col-md-4">
                                      <select name="top1_type" id="top1_type" class="form-control">
                                        <option value="0">Select One</option>
                                        <option value="1">Date</option>
                                        <option value="2">Number</option>
                                        <option value="3">Text</option>
                                        <option value="4">Long Text</option>
                                         
                                      </select>
                                      </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Top2</label>
                                    <div class="col-md-5">
                                        <input id="top2" name="top2" type="text" placeholder="Enter the value" class="form-control" maxlength="300"></div>
                                        <div class="col-md-4">
                                      <select name="top2_type" id="top2_type" class="form-control">
                                        <option value="0">Select One</option>
                                        <option value="1">Date</option>
                                        <option value="2">Number</option>
                                        <option value="3">Text</option>
                                        <option value="4">Long Text</option>
                                         
                                      </select>
                                      </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Top3</label>
                                    <div class="col-md-5">
                                        <input id="top3" name="top3" type="text" placeholder="Enter the value" class="form-control" maxlength="300"></div>
                                        <div class="col-md-4">
                                      <select name="top3_type" id="top3_type" class="form-control">
                                        <option value="0">Select One</option>
                                        <option value="1">Date</option>
                                        <option value="2">Number</option>
                                        <option value="3">Text</option>
                                        <option value="4">Long Text</option>
                                         
                                      </select>
                                      </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Mid</label>
                                    <div class="col-md-5">
                                        <input id="mid" name="mid" type="text" placeholder="Enter the value" class="form-control" maxlength="300"></div>
                                        <div class="col-md-4">
                                      <select name="mid_type" id="mid_type" class="form-control">
                                        <option value="0">Select One</option>
                                        <option value="1">Date</option>
                                        <option value="2">Number</option>
                                        <option value="3">Text</option>
                                        <option value="4">Long Text</option>
                                         
                                      </select>
                                      </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Mid1</label>
                                    <div class="col-md-5">
                                        <input id="mid1" name="mid1" type="text" placeholder="Enter the value" class="form-control" maxlength="300"></div>
                                        <div class="col-md-4">
                                      <select name="mid1_type" id="mid1_type" class="form-control">
                                        <option value="0">Select One</option>
                                        <option value="1">Date</option>
                                        <option value="2">Number</option>
                                        <option value="3">Text</option>
                                        <option value="4">Long Text</option>
                                         
                                      </select>
                                      </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Mid2</label>
                                    <div class="col-md-5">
                                        <input id="mid2" name="mid2" type="text" placeholder="Enter the value" class="form-control" maxlength="300"></div>
                                        <div class="col-md-4">
                                      <select name="mid2_type" id="mid2_type" class="form-control">
                                        <option value="0">Select One</option>
                                        <option value="1">Date</option>
                                        <option value="2">Number</option>
                                        <option value="3">Text</option>
                                        <option value="4">Long Text</option>
                                         
                                      </select>
                                      </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Mid3</label>
                                    <div class="col-md-5">
                                        <input id="mid3" name="mid3" type="text" placeholder="Enter the value" class="form-control" maxlength="300"></div>
                                        <div class="col-md-4">
                                      <select name="mid3_type" id="mid3_type" class="form-control">
                                        <option value="0">Select One</option>
                                        <option value="1">Date</option>
                                        <option value="2">Number</option>
                                        <option value="3">Text</option>
                                        <option value="4">Long Text</option>
                                         
                                      </select>
                                      </div>
                                </div>
                               

                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Bottom</label>
                                    <div class="col-md-5">
                                        <input id="bottom" name="bottom" type="text" placeholder="Enter the value" class="form-control" maxlength="300"></div>
                                        <div class="col-md-4">
                                      <select name="bottom_type" id="bottom_type" class="form-control">
                                        <option value="0">Select One</option>
                                        <option value="1">Date</option>
                                        <option value="2">Number</option>
                                        <option value="3">Text</option>
                                        <option value="4">Long Text</option>
                                         
                                      </select>
                                      </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Bottom1</label>
                                    <div class="col-md-5">
                                        <input id="bottom1" name="bottom1" type="text" placeholder="Enter the value" class="form-control" maxlength="300"></div>
                                        <div class="col-md-4">
                                      <select name="bottom1_type" id="bottom1_type" class="form-control">
                                        <option value="0">Select One</option>
                                        <option value="1">Date</option>
                                        <option value="2">Number</option>
                                        <option value="3">Text</option>
                                        <option value="4">Long Text</option>
                                         
                                      </select>
                                      </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Bottom2</label>
                                    <div class="col-md-5">
                                        <input id="bottom2" name="bottom2" type="text" placeholder="Enter the value" class="form-control" maxlength="300"></div>
                                        <div class="col-md-4">
                                      <select name="bottom2_type" id="bottom2_type" class="form-control">
                                        <option value="0">Select One</option>
                                        <option value="1">Date</option>
                                        <option value="2">Number</option>
                                        <option value="3">Text</option>
                                        <option value="4">Long Text</option>
                                         
                                      </select>
                                      </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Bottom3</label>
                                    <div class="col-md-5">
                                        <input id="bottom3" name="bottom3" type="text" placeholder="Enter the value" class="form-control" maxlength="300"></div>
                                        <div class="col-md-4">
                                      <select name="bottom3_type" id="bottom3_type" class="form-control">
                                        <option value="0">Select One</option>
                                        <option value="1">Date</option>
                                        <option value="2">Number</option>
                                        <option value="3">Text</option>
                                        <option value="4">Long Text</option>
                                         
                                      </select>
                                      </div>
                                </div>
                                

                                <div class="form-position">
                                    <div class="col-md-12 text-right">
                                        <button type="submit" id="btn" class="btn btn-responsive btn-primary btn-sm" >Save</button>
                                    </div>
                                </div>
                        </form>
                    </div>
                </div>
            
            </div>
            <!--md-12 ends-->
        </div> 


<table class="table table-bordered" id="templatetable">
        <thead>
            <tr>
                <th>Id</th>
                <th>Title</th>
                <th>Updated At</th>
                <th>Actions</th>
            </tr>
        </thead>
    </table>



<script>
$(function() {

    $('#templatetable').DataTable({
        processing: true,
        serverSide: true,
        ajax: '<?php echo url('templatepostdata'); ?>',
        columns: [
            { data: 'id', name: 'id' },
            { data: 'title', name: 'title' },
            { data: 'updated_at', name: 'updated_at' },
            { data: 'action', name: 'action' }
        ]
    });
});

</script>

<script>
function validation()
    {
        
        if(document.getElementById('title').value=="")
        {
            alert(" Please select the title");
            document.getElementById('title').focus();
            return false;
        }

        document.getElementById("btn").disabled='true';

      
        return true;
    }
</script>


<?php $__env->stopSection(); ?>

<?php echo $__env->make('adminlte::page', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>