@extends('layouts.dashboard')

@section('title', 'Manage Set Up')

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

@section('content')

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

<div class="bs-example">

<!-- main part-->
<div class="container-fluid">
    @include('dashboard.MasterSetup.Header')
    <div class="row" style="margin: 0px; padding-top: 15px;">
        <div class="col-md-2 manage-text">
            <input type="text" id="inputTemplate" class="form-control" id="usr" placeholder="Template">
        </div>
        <div class="col-md-2">
            <button type="button" id="addTemplate" class="btn btn-default btn-xs addTemplate" data-toggle="modal" data-target="#templateModal" style="font-size:14px !important;">Add Template</button>
        </div>
        <div class="col-md-8"></div>
    </div>
    <div id="div_template_table" class="row table-catalog" style="margin: 0px;">
        <table data-page-length='50' id="templateTable" class="table table-striped table-bordered" cellspacing="0" width="100%">
            <thead>
                <tr>
                    <th scope="col" class="set1">Template ID</th>
                    <th scope="col" class="set1">Template Name</th>
                    <th scope="col" class="set2">Operations</th>
                </tr>
            </thead>
            <tbody>
                @foreach($templateList as $template)
                    <tr id="templateatt_{{$template->CategoryTemplateID}}">
                        <td class="set-col1">
                            {{$template->CategoryTemplateID}}
                        </td>
                        <td class="set-col1">
                            {{$template->TemplateName}}
                        </td>
                        <td class="set-col5">
                            <div class="bt-seperation">
                                <button type="button" class="btn btn-primary btn-xs edit_button_template"
                                data-toggle="modal" data-target="#templateModal"
                                data-templateid="{{$template->CategoryTemplateID}}"
                                data-templatename="{{$template->TemplateName}}">
                                Edit</button> |

                                <button type="button" class="btn btn-primary btn-xs delete_button"
                                data-toggle="modal" data-target="#deleteModal"
                                data-tabname="Template"
                                data-id="{{$template->CategoryTemplateID}}">
                                Delete</button>
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>


<div class="modal fade" id="templateModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog setup-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Add / Edit Templates</h4>
            </div>
            <form id="postTemplate">
            @csrf
                <div class="modal-body">
                    <div class="form-group">
                        <div class="row">
                            <div class="col-md-4">
                               <div class="padd-name">Template Name:</div>
                            </div>
                            <div class="col-md-8">
                                <input class="form-control templateID" type="hidden" name="templateID" id="templateID">
                        <input class="form-control templateName" name="templateName" id="templateName" pattern=".*[^ ].*"  oninvalid="setCustomValidity('Plz enter template name ')"
    oninput="try{setCustomValidity('')}catch(e){}" required>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer" style="clear: both;margin-top: 3%;">
                    <button type="submit" class="btn btn-primary btn_update_properties">Save changes</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection