@extends('Admin.Views.admin')
@include('gis::sidebar')

@section('content')
    <div class="card">
        <div class="card-header header-elements-inline">
            <h5 class="card-title">Detalle del registro de fumigación Nº {{ $fumigation->id }} - Creado el {{ $fumigation->created_at }}</h5>
            <div class="header-elements">
                <div class="list-icons">
                    <a class="list-icons-item" data-action="collapse"></a>
                </div>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-lg-6 my-4">
                    <h5>Datos del propietario</h5>
                    <hr style="margin-top:0;">
                    <table class="table">
                        <tr>
                            <td width="200px">
                                <b>Nombre:</b>
                            </td>
                            <td>{{ $fumigation->owner->name }}</td>
                        </tr>
                        <tr>
                            <td>
                                <b>DNI:</b>
                            </td>
                            <td>{{ $fumigation->owner->dni }}</td>
                        </tr>
                        <tr>
                            <td>
                                <b>Dirección:</b>
                            </td>
                            <td>{{ $fumigation->owner->address }}</td>
                        </tr>
                        <tr>
                            <td>
                                <b>Teléfono:</b>
                            </td>
                            <td>{{ $fumigation->owner->phone }}</td>
                        </tr>
                    </table>
                    <br>
                    <br>
                    <h5>Datos del técnico autorizado</h5>
                    <hr style="margin-top:0;">
                    <table class="table">
                        <tr>
                            <td width="200px">
                                <b>Nombre:</b>
                            </td>
                            <td>{{ @$fumigation->technician->person->name }}</td>
                        </tr>
                        <tr>
                            <td>
                                <b>DNI:</b>
                            </td>
                            <td>{{ @$fumigation->technician->person->dni }}</td>
                        </tr>
                        <tr>
                            <td>
                                <b>Dirección:</b>
                            </td>
                            <td>{{ @$fumigation->technician->address }}</td>
                        </tr>
                        <tr>
                            <td>
                                <b>Teléfono:</b>
                            </td>
                            <td>{{ @$fumigation->technician->phone }}</td>
                        </tr>
                        <tr>
                            <td>
                                <b>Nº de matrícula:</b>
                            </td>
                            <td>{{ @$fumigation->technician->license }}</td>
                        </tr>
                    </table>
                </div>
                <div class="col-lg-6 my-4">
                    <h5>Coordenadas</h5>
                    <hr style="margin-top:0;">
                    <div id="mapa-detalle" style="min-height: 400px; min-width:100%"></div>
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Latitud</th>
                                <th>Longitud</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($fumigation->coordinates as $coord)
                            <tr>
                                <td>{{ $coord->lat }}</td>
                                <td>{{ $coord->long }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="col-lg-6 my-4">
                    <h5>Datos del productor</h5>
                    <hr style="margin-top:0;">
                    <div class="table-responsive">
                        <table class="table">
                            <tr>
                                <td width="200px">
                                    <b>Nombre:</b>
                                </td>
                                <td>{{ $fumigation->productor->person->name }}</td>
                            </tr>
                            <tr>
                                <td>
                                    <b>DNI:</b>
                                </td>
                                <td>{{ $fumigation->productor->person->dni }}</td>
                            </tr>
                            <tr>
                                <td>
                                    <b>Dirección:</b>
                                </td>
                                <td>{{ $fumigation->productor->address }}</td>
                            </tr>
                            <tr>
                                <td>
                                    <b>Teléfono:</b>
                                </td>
                                <td>{{ $fumigation->productor->phone }}</td>
                            </tr>
                            <tr>
                                <td>
                                    <b>Receta profesional:</b>
                                </td>
                                <td>{{ $fumigation->prescription }}</td>
                            </tr>
                        </table>
                    </div>

                </div>
                <div class="col-lg-6 my-4">
                    <h5>Datos del aplicador</h5>
                    <hr style="margin-top:0;">
                    <table class="table">
                        <tr>
                            <td width="200px">
                                <b>Nombre:</b>
                            </td>
                            <td>{{ $fumigation->applicant->person->name }}</td>
                        </tr>
                        <tr>
                            <td>
                                <b>DNI:</b>
                            </td>
                            <td>{{ $fumigation->applicant->person->dni }}</td>
                        </tr>
                        <tr>
                            <td>
                                <b>Licencia:</b>
                            </td>
                            <td>{{ $fumigation->applicant->license }}</td>
                        </tr>
                        <tr>
                            <td>
                                <b>Dirección:</b>
                            </td>
                            <td>{{ $fumigation->applicant->address }}</td>
                        </tr>
                        <tr>
                            <td>
                                <b>Teléfono:</b>
                            </td>
                            <td>{{ $fumigation->applicant->phone }}</td>
                        </tr>
                        <tr>
                            <td>
                                <b>Tipo de equipo:</b>
                            </td>
                            <td>{{ $fumigation->equipe->name }}</td>
                        </tr>
                        <tr>
                            <td>
                                <b>Nº de registro:</b>
                            </td>
                            <td>{{ $fumigation->equipe_registration }}</td>
                        </tr>
                    </table>
                </div>

                <div class="col-sm-12 my-4">
                    <h5>Productos utilizados</h5>
                    <hr style="margin-top:0;">
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Producto</th>
                                    <th>Marca</th>
                                    <th>Nº de partida</th>
                                    <th>Fecha de vencimiento</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($fumigation->products as $product)
                                <tr>
                                    <td>{{ $product->product->name }}</td>
                                    <td>{{ $product->product->branch }}</td>
                                    <td>{{ $product->part_number }}</td>
                                    <td>{{ $product->expires }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <div class="row">
                <div class="col-12">
                    <div>
                        <a href="{{ route('gis.fumigations.list') }}" class="btn btn-primary">
                            <i class="mi mi-arrow-back"></i>
                            &nbsp;
                            Volver al listado
                        </a>
                        <a href="{{ route('gis.fumigations.list') }}" class="btn btn-warning float-right">
                            <i class="mi mi-print"></i>
                            &nbsp;
                            Imprimir comprobante
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('scripts')
    @php
        $start_coords = '[-33.0357, -58.9986]';
        if($fumigation->coordinates->isNotEmpty()){
            $start_coords = '['.$fumigation->coordinates[0]->lat.', '.$fumigation->coordinates[0]->long.']';
        }
    @endphp

    <script src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js" integrity="sha512-BB3hKbKWOc9Ez/TAwyWxNXeoV9c1v6FIeYiBieIWkpLjauysF18NzgR1MBNBXf8/KABdlkX68nAhlwcDFLGPCQ==" crossorigin=""></script>

    <script type="text/javascript">
        $('#mapa-detalle').parent().css('min-height', '100%');

        var map = L.map('mapa-detalle', {
            scrollWheelZoom: false
        }).setView({{ $start_coords }}, 15);

        var tiles = L.tileLayer('https://mt1.google.com/vt/lyrs=y&x={x}&y={y}&z={z}', {
                maxZoom: 25,
                subdomains:['mt0','mt1','mt2','mt3']
        }).addTo(map);

        @foreach($fumigation->coordinates AS $coord)
        var marker = new L.Marker([{{ $coord->lat }}, {{ $coord->long }}]);
        marker.addTo(map);
        @endforeach

    </script>
@endpush

@push('styles')
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css" integrity="sha512-hoalWLoI8r4UszCkZ5kL8vayOGVae1oxXe/2A4AO6J9+580uKHDO3JdHb7NzwwzK5xr/Fs0W40kiNHxM9vyTtQ==" crossorigin=""/>
@endpush