{{View::make('layout.header')}}

    <!-- BEGIN: Content-->
    <div class="app-content content ">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <div class="breadcrumb-wrapper">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item">E-Claim
                                    </li>
                                    <li class="breadcrumb-item active"><a href="#">E-Claim Type</a>
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <!-- Dashboard Ecommerce Starts -->
                <section id="multiple-column-form">
                    
                <div class="row">
                  <div class="col-12 col-md-8">
                    
                  </div>
                </div>
                <div class="row" style="margin:0px;">
                <div class="card col-md-12" style="">
                                <div class="card-body">
                                    <div class="row">
                                    <div class="col-md-12">
                                        <ul class="nav nav-tabs nav-justified" id="myTab2" role="tablist" style="border-bottom: 1px solid #ebe9f1; border-radius: 0px;">
                                            <li class="nav-item">
                                                <a class="nav-link active" style=" text-align:left;" id="home-tab-justified" data-toggle="tab" href="#home-just" role="tab" aria-controls="home-just" aria-selected="true">Add/Edit Claim Type</a>
                                            </li>
                                        </ul>
                                    </div></div>
                                    <!-- Tab panes -->
                                    <div class="tab-content pt-1">
                                        <div class="tab-pane active" id="home-just" role="tabpanel" aria-labelledby="home-tab-justified">
                                            <div class="card" style="margin-bottom:0px; border: 0px;"> 
                                                <div class="card-header" style="padding-top:0px;">
                                                    <h4 class="card-title" >Add Claim Type</h4>
                                                </div>
                                                <div class="col-md-12">
                                                    @if (\Session::has('statusMsg'))
                                                    
                                                    <div class="alert alert-success alert-dismissible" style="margin-top:18px;">
                                                        <a href="#" class="close" data-dismiss="alert" aria-label="close" title="close">×</a>
                                                        <strong>Success!</strong> {{ Session::get('statusMsg') }}
                                                    </div>
                                                    
                                                    @endif
                                                </div>
                                                <div class="card-body" style="padding-top:0px;">
                                                    
                                                    <form  id="all-filter11"  enctype="multipart/form-data">
                                                        <div class="row">
                                                            <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                                                            <div class="col-md-12 col-12">
                                                                <div class="form-group">
                                                                    <label class="form-label" for="payment-date">Type Name :*</label>
                                                                        <input type="text" name="type_name" id="type_name" class="form-control"  style="padding-left: 10px;" value="" placeholder="" required>
                                                                    
                                                                </div>
                                                            </div>
                                                        
                                                            <div class="col-md-12 col-12">
                                                                <div class="form-group d-flex flex-wrap mb-0">
                                                                    <button type="button" onclick="saveDetails()" class="btn btn-primary mr-1" id="apply">Add</button>
                                                                    
                                                                    
                                                                </div>
                                                                <div id="msg" style="margin-top:15px;"></div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                            <div class="card"  style="border: 0px;">
                                                <div class="card-header " style="padding-top:0px;">
                                                    <h4 class="card-title" style="">Claim Type List</h4>
                                                </div>
                                                <div class="card-body" style="padding:0px; ">
                                                        <div class="col-md-12">
                                                            <div class="table-responsive" style="padding: 0 15px 15px 15px;">
                                                                <table class="table table-striped  my-leave-summary-entitle" id="example11" style="font-size:12px;" >
                                                                    <thead>
                                                                        <tr style="">
                                                                            <th width="10%" style="text-align:center;text-transform: capitalize;">S.No.</th>
                                                                            <th width="39%" style="text-transform: capitalize;">Name</th>
                                                                            <th width="38%" style="text-transform: capitalize;">Created On</th>
                                                                            <th width="13%" style="text-align:center;text-transform: capitalize;white-space: nowrap;">Action</th>
                                                                                        
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                                
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                </div>
              </section>

              <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                        <div class="modal-header">

                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                        <h5 class="modal-title" id="exampleModalLabel">Are you sure to delete this Claim Type ?</h5>
                        <div id="delete-modal">
                        </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary yes-btn">Yes</button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
    </div>
    <!-- END: Content-->
    {{View::make('layout.footer')}}
    @include('inc-eclaim.type-model')
    <script>
     $(document).ready(function() {
        geteclaimtype();
     });

     function geteclaimtype(){
         $('#example11').DataTable({
             "lengthMenu": [[20, 50, 100, -1], [20, 50,100, "All"]],
             "order": [],
		        "processing": true,
                "destroy": true,
		        "serverSide": true,
		        "ajax": "{!! route('e-claim.gettype') !!}",
               
                "columns": [
                    
                    { data: 't_id', name: 't_id' },
                    { data: 'type_name', name: 'type_name' },
                    { data: 'created', name: 'created' },
                    { data: 'id', name: 'id',
		            "render": function (data,type,row,meta){ 
		                 var url = "{{ route('e-claim.type-field', ['ID']) }}".replace('ID', row.id);
                        var edit = '<a class="appDialog-model text-success" data-toggle="modal" data-target="#inlineForm11" data-id="'+row.id+'" ><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><circle cx="12" cy="12" r="3"></circle><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg></a>&nbsp;<a  href="'+url+'">Fields </a>&nbsp;';
                        edit+='<a class="appDialog-model11 text-danger" data-toggle="modal" data-target="#exampleModal" data-id="'+row.id+'" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trash-2 font-small-4 mr-50"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></a>';
                        
                        return edit;                     
                   } },
     
                ],
                'rowCallback': function(row, data, index){
                    $(row).find('td:eq(0)').css('text-align', 'center');
                    $(row).find('td:eq(3)').css('text-align', 'center');
                    $(row).find('td:eq(0)').css('word-break', 'all');
                    $(row).find('td:eq(1)').css('word-break', 'all');
                    
                },
             "language": {
                    "paginate": {
                    // remove previous & next text from pagination
                    "previous": '&nbsp;',
                    "next": '&nbsp;'
                    }
                },
         });
    }
    function saveDetails(){
        var type_name = $("#type_name").val();
        if(type_name==''){
            $("#msg").empty();
                $("#msg").append('<p style="color:red;">Please Enter Type Name</p>');
                return false;
        }
        var typedata = document.querySelector("#all-filter11");
		var data = new FormData(typedata);
       $.ajax({
            url:'{{route('e-claim.addtype')}}',
            contentType:false,
	    	cache:false,
	    	processData:false,
            method:'POST',
            data:data,
            success:function(e){
                console.log(e);
                $("#msg").empty();
                $("#msg").append('<p style="color:green;">Eclaim Type Added Sucessfully</p>');
                geteclaimtype();
                
            }
        });

    }

    function updatetype(){
        $.ajax({
            type:'get',
            data: { 
                _token: '<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function csrf_token() in /home/ecoleave/public_html/backup/v6/resources/views/E-Claim/type.blade.php:223
Stack trace:
#0 {main}
  thrown in <b>/home/ecoleave/public_html/backup/v6/resources/views/E-Claim/type.blade.php</b> on line <b>223</b><br />