@extends('layouts.app')

@section('content')
 <!-- ============================================================== -->
		<!-- 						Content Start	 						-->
		<!-- ============================================================== -->
		
            <div class="row page-header"><div class="col-lg-6 align-self-center ">
			  <h2>Motors</h2>
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
					<li class="breadcrumb-item"><a href="#">Motors</a></li>		
				</ol></div>
				<div class="col-lg-6 align-self-center text-right">
					<a href="{{ url('/devices/motors/create') }}" class="btn btn-success box-shadow btn-icon btn-rounded"><i class="fa fa-plus"></i> Add New Motor</a>
				</div>
				</div>
			
        <section class="main-content">

            <div class="row">
               
                 <div class="col-md-12">
                    <div class="card">
                        <div class="card-header card-default">
                            Motors
                        </div>
                        <div class="card-body">
                            <table id="datatable" class="table table-striped dt-responsive nowrap">
                                            <thead>
                                                <tr>
                                                    <th>Name</th>
                                                    <th>Description</th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>

                                            <tbody>
                                            @if(isset($motors))
                                                @foreach($motors as $motor)_
                                                    <tr>
                                                        <td>{{ $motor->name }}</td>
                                                        <td>{{ $motor->description }}</td>
                                                        <td>
                                                        	<form method="post" action="{{ url('/devices/motors/'.$motor->id.'/delete') }}" class="form-horizontal">
                                                        		{!! csrf_field() !!}
                                                        		<a href="{{ url('/devices/motors/'.$motor->id.'/edit') }}" class="btn btn-warning btn-rounded">Edit</a>
                                                        		<input type="hidden" name="delete" value="true"> 
                                                        		<button type="submit" class="btn btn-danger btn-rounded" id="danger-alert">Delete</button>
                                                        	</form>
                                                        
                                                        </td>
                                                    </tr>
                                                 @endforeach
                                             @endif
                                           </tbody>
                              </table>
                       </div>
                    </div>
                </div>
            </div>
            
            

            @include('partials.footer')


        </section>
        <!-- ============================================================== -->
		<!-- 						Content End		 						-->
		<!-- ============================================================== -->
@endsection
@section('jscript')
	<!-- Js Grid -->
		<script src="{{ asset('admin/assets/lib/jsgrid/jsgrid.min.js') }}"></script>
        
		<!-- Datatables-->
        <script src="{{ asset('admin/assets/lib/datatables/jquery.dataTables.min.js') }}"></script>
        <script src="{{ asset('admin/assets/lib/datatables/dataTables.responsive.min.js') }}"></script>

		<script src="{{ asset('admin/assets/lib/datatables/dataTables.buttons.min.js') }}"></script>
		<script src="{{ asset('admin/assets/lib/datatables/jszip.min.js') }}"></script>
		<script src="{{ asset('admin/assets/lib/datatables/pdfmake.min.js') }}"></script>
		<script src="{{ asset('admin/assets/lib/datatables/vfs_fonts.js') }}"></script>
		<script src="{{ asset('admin/assets/lib/datatables/buttons.html5.min.js') }}"></script>
		
		 <!--Sweet Alerts-->
        <script src="{{ asset('admin/assets/lib/sweet-alerts2/sweetalert2.min.js') }}"></script>
        <script>
            $(document).ready(function () {
                $('#datatable').dataTable();
				
				$('#datatable2').DataTable({
					 dom: 'Bfrtip',
					buttons: [
						'copyHtml5',
						'excelHtml5',
						'csvHtml5',
						'pdfHtml5'
					]
				});
				
				 $('#datatable3').DataTable( {
					"scrollY":        "400px",
					"scrollCollapse": true,
					"paging":         false
				} );

				

				 $('#danger-alert').click(function (event) {
					 event.preventDefault();
					 var form = $(this).parents('form:first');
	                    swal({
	                        title: "Are you sure?",
	                        text: "You will not be able to recover this data!",
	                        type: "warning",
	                        showCancelButton: true,
	                        cancelButtonClass: 'btn-secondary ',
	                        confirmButtonColor: "#DD6B55",
	                        confirmButtonText: "Yes, delete it!",
	                        cancelButtonText: "No, cancel plx!",
	                        closeOnConfirm: false,
			        }).then(function(isConfirm) {
			            if (isConfirm) {
			                form.submit();
			            } 
			          });
	                });
            });
			
        </script>
@endsection