@extends("theme.$theme.layout")

@section('title')
   Mis agencias
@endsection

@section('scripts')
   <script src="{{asset("assets/pages/scripts/admin/index.js")}}" type="text/javascript"></script>
@endsection

@section('content')
<div class="row">
    <div class="col-sm-12">
        <div class="card card-primary">
            <div class="card-header">
                <h3 class="card-title">Agencias</h3>
                <div class="card-tools">
                    <a href="{{route('create_agency')}}" class="btn btn-outline-secondary btn-sm">
                        <i class="fa fa-fw fa-plus-circle"></i> Nuevo registro
                    </a>
                </div>
            </div>
            <div class="card-body table-responsive p-0">
                <table class="table table-striped table-bordered table-hover" id="table-data">
                    <thead>
                        <tr>
                            <th class="width20">ID</th>
                            <th>Agencia</th>
                            <th>Contacto</th>
                            <th>Cargo</th>
                            <th>Teléfono</th>
                            <th>Correo</th>
                            <th>Estatus</th>
                            <th class="width80"></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($datas as $data)
                        <tr>
                            <td>{{$data->id}}</td>
                            <td>{{$data->name}}</td>
                            <td>{{ $data->contacts->first()->name }}</td>
                            <td>{{$data->contacts()->first()->position()->first()->name}}</td>
                            <td>{{ $data->contacts->first()->phones()->first()->phone }}</td>
                            <td>{{ $data->contacts->first()->emails()->first()->email }}</td>
                            <td>{{ statusDescription($data->status)}}</td>
                            <td>
                                <a href="#" onclick="document.getElementById('form_edit_{{$data->id}}').submit()" class="btn btn-info btn-sm tooltipsC" title="@lang('Editar este registro')">
                                    <i class="fa fa-edit"></i>
                                    Editar
                                </a>
                                <a href="#" data="#form_delete_{{$data->id}}" class="btn btn-danger btn-sm tooltipsC link-delete" title="@lang('Eliminar este registro')">
                                    <i class="fas fa-trash">
                                    </i>
                                    Eliminar
                                </a>
                            <form id="form_edit_{{$data->id}}" action="{{route('edit_agency', ['id' => $data->id])}}" style="display:none" method="GET">

                                </form>
                            <form id="form_delete_{{$data->id}}" action="{{route('delete_user', ['id' => $data->id])}}" class="form-eliminar" style="display:none" method="POST">
                                    @csrf @method("delete")
                                </form>
                            </td>
                        </tr>
                        @endforeach

                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection