@extends('layouts.app', ['page' => 'Reference', 'pageSlug' => 'reference', 'section' => 'reference'])
@section('content')
<div class="row">
<div class="col-md-12">
<div class="card ">
<div class="card-header">
<div class="row">
<div class="col-8">
<h4 class="card-title">Distributor</h4>
</div>
<div class="col-4 text-right">
<a href="{{ route('reference.create') }}" class="btn btn-sm btn-primary">Add Reference</a>
</div>
</div>
</div>
<div class="card-body">
@include('alerts.success')
<div class="">
<table class="table tablesorter " id="">
<thead class=" text-primary">
<th>Name</th>
<th>Telephone</th>
<th>Area</th>
<th>Clients</th>
<th></th>
</thead>
<tbody>
@foreach ($ref as $refs)
<tr>
<td>{{ $refs->name }}</td>
<td>
{{ $refs->phone }}
</td>
<td>{{ $refs->area }}</td>
<td><a href="{{ route('reference.show', $refs) }}" class="btn btn-link" data-toggle="tooltip" data-placement="bottom">clients</a></td>
<td class="td-actions text-right">
{{-- <a href="{{ route('reference.show', $refs) }}" class="btn btn-link" data-toggle="tooltip" data-placement="bottom" title="More Details">
<i class="tim-icons icon-zoom-split"></i>
</a> --}}
<a href="{{ route('reference.edit', $refs->id) }}" class="btn btn-link"
data-toggle="tooltip" data-placement="bottom" title="Edit Client">
<i class="tim-icons icon-pencil"></i>
</a>
<form action="{{ route('reference.destroy', $refs) }}" method="post"
class="d-inline">
@csrf
@method('delete')
<button type="button" class="btn btn-link" data-toggle="tooltip"
data-placement="bottom" title="Delete Client"
onclick="confirm('Estás seguro que quieres eliminar a este Client? Los registros de sus compras y Transactions no serán eliminados.') ? this.parentElement.submit() : ''">
<i class="tim-icons icon-simple-remove"></i>
</button>
</form>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
<div class="card-footer py-4">
<nav class="d-flex justify-content-end" aria-label="...">
{{ $ref->links() }}
</nav>
</div>
</div>
</div>
</div>
@endsection