@extends('layouts.app')

@section('title', __('maintenance::lang.service_contracts'))

@section('content')
@include('maintenance::layouts.nav')

<section class="content no-print mt-page">
    <div class="mt-page-header">
        <h1>@lang('maintenance::lang.service_contracts')</h1>
        @can('maintenance.equipment.create')
        <a href="{{ action([\Modules\Maintenance\Http\Controllers\ServiceContractController::class, 'create']) }}" class="btn btn-primary">@lang('maintenance::lang.add')</a>
        @endcan
    </div>
    <div class="mt-card">
        <div class="mt-card-body">
            <table class="table table-bordered table-striped" id="mm_service_contracts_table" style="width:100%">
                <thead>
                    <tr>
                        <th>@lang('maintenance::lang.title')</th>
                        <th>@lang('maintenance::lang.equipment')</th>
                        <th>@lang('maintenance::lang.customer')</th>
                        <th>@lang('maintenance::lang.start_date')</th>
                        <th>@lang('maintenance::lang.end_date')</th>
                        <th>@lang('maintenance::lang.action')</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</section>
@endsection

@section('javascript')
<script>
$(function(){
    $('#mm_service_contracts_table').DataTable({
        processing: true, serverSide: true,
        ajax: '{{ action([\Modules\Maintenance\Http\Controllers\ServiceContractController::class, 'index']) }}',
        columns: [
            {data:'title', name:'title'},
            {data:'equipment_name', name:'equipment.name', orderable:false},
            {data:'customer_name', name:'customer.name', orderable:false},
            {data:'start_date', name:'start_date'},
            {data:'end_date', name:'end_date'},
            {data:'action', name:'action', orderable:false, searchable:false}
        ]
    });
    $(document).on('click', '.delete_mm_contract', function(){
        if (!confirm('@lang('maintenance::lang.confirm_delete')')) return;
        $.ajax({ url: $(this).data('href'), method: 'DELETE', data: {_token: '{{ csrf_token() }}'}, success: function(r){ if(r.success) $('#mm_service_contracts_table').DataTable().ajax.reload(); }});
    });
});
</script>
@endsection