@extends('base')
@section('title')
    tracking
@endsection
@section('content')

    @include('sessions')


    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item " aria-current="page"><a href="/">Dashboard</a></li>
            <li class="breadcrumb-item " aria-current="page"><a href="{{route('file.index')}}">Listado de ordenes de venta</a></li>
            <li class="breadcrumb-item active" aria-current="page">Listado de trackings</li>
        </ol>
    </nav>

    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addTracking">
            Agregar Actualización
        </button>
    </div>


    <div class="alert alert-info" role="alert">
       <strong>Tracking para la orden de venta:</strong> {{ $orden->file_code }}

      </div>

    <table class=" table">
        <thead class="thead-dark">
            <tr>
                <th scope="col">Item</th>
                <th scope="col">Fecha</th>
                <th scope="col">Localidad</th>
                <th scope="col">Actividad</th>

            </tr>
        </thead>
        <tbody>

            @foreach ($trackings as $tracking)
                <tr>
                    <td>{{$loop->iteration}}</td>
                    <td>{{ $tracking->date }}</td>
                    <td>{{ $tracking->location }}</td>
                    <td>{{ $tracking->activity }}</td>

                </tr>
            @endforeach
        </tbody>
    </table>

    <!-- Agregar Modal -->
    @include('bl.modals.addTracking')
    <!-- Fin Agregar Modal -->


    <script>
        function fun_notificacion(id) {
            $("#idBL").val(id);
        }
    </script>

@endsection

@section('extrajs')

    <script type="text/javascript">
        function gettrackingId(id) {
            $("#idtracking").val(id);
        }
        //Limpiar los campos de la modal de traslados
        function limpiarCampos() {
            $('#nombre_cotizacion').val(''); //Limpiando el input
            $("#categoria_id").val(""); //Seleccionando la primera opción del select
        }
    </script>

@endsection