@include('public::notifications')
<div class="container">
    <div class="row">
        <div class="col-md-6">
            <h4 class="text-dark  header-title m-t-0"> My Incidents </h4>
        </div>
        <div class="col-md-6">
            <a href="{{ trans_url('/user/incident/incident/create') }}" class="btn btn-default pull-right"> {{ trans('cms.create')  }} Incident</a>
        </div>
    </div>
    <p class="text-muted m-b-25 font-13">
        Your awesome text goes here.
    </p>
    <hr>
    <div class="row">
        <div class="col-md-4 m-b-5 pull-right">
            {!!Form::open()->method('GET')!!}
            <div class="input-group">
              {!!Form::text('search')->type('search')->class('form-control')->placeholder('Search for...')->raw()!!}
              <span class="input-group-btn">
                <button class="btn btn-primary" type="submit">Search</button>
              </span>
            </div>
            {!! Form::close()!!}
        </div>
    </div>   
    
    <div class="table-responsive">
        <table class="table">
            <thead>
                <tr>
                    <th>{!! trans('incident::incident.label.ref')!!}</th>
        <th>{!! trans('incident::incident.label.division_id')!!}</th>
        <th>{!! trans('incident::incident.label.asset_id')!!}</th>
        <th>{!! trans('incident::incident.label.damage_percentage')!!}</th>
        <th>{!! trans('incident::incident.label.damage_details')!!}</th>
        <th>{!! trans('incident::incident.label.status_date')!!}</th>
        <th>{!! trans('incident::incident.label.employee_id')!!}</th>
        <th>{!! trans('incident::incident.label.external_name')!!}</th>
        <th>{!! trans('incident::incident.label.external_mobile')!!}</th>
        <th>{!! trans('incident::incident.label.usedby_id')!!}</th>
        <th>{!! trans('incident::incident.label.custodian_id')!!}</th>
        <th>{!! trans('incident::incident.label.asset_type')!!}</th>
        <th>{!! trans('incident::incident.label.action')!!}</th>
                    <th width="150">{!! trans('incident::incident.label.status')!!}</th>
                    <th width="150">Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach($incidents as $incident)
                <tr id="user-incident-incident-{!! $incident->getRouteKey() !!}">
                    <td>{{ $incident->ref }}</td>
                    <td>{{ $incident->division_id }}</td>
                    <td>{{ $incident->asset_id }}</td>
                    <td>{{ $incident->damage_percentage }}</td>
                    <td>{{ $incident->damage_details }}</td>
                    <td>{{ $incident->status_date }}</td>
                    <td>{{ $incident->employee_id }}</td>
                    <td>{{ $incident->external_name }}</td>
                    <td>{{ $incident->external_mobile }}</td>
                    <td>{{ $incident->usedby_id }}</td>
                    <td>{{ $incident->custodian_id }}</td>
                    <td>{{ $incident->asset_type }}</td>
                    <td>{{ $incident->action }}</td>
                    <td><span class="label status-{{ $incident->status }}"> {{ $incident->status }} </span></td>
                    <td>
                        <a href="{{ trans_url('/user') }}/incident/incident/{!! $incident->getRouteKey() !!}"> View </a>
                        <a href="{{ trans_url('/user') }}/incident/incident/{!! $incident->getRouteKey() !!}/edit"> Edit </a>
                        <a data-action="DELETE" 
                            data-href="{{ trans_url('/user') }}/incident/incident/{!! $incident->getRouteKey() !!}" 
                            href="trans_url('/user')/incident/incident/{!! $incident->getRouteKey() !!}" data-remove="user-incident-incident-{!! $incident->getRouteKey() !!}"> 
                            Delete 
                        </a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    {{ $incidents->links() }}
</div>