@extends('layouts.app')

@section('seoheader')
    {!! $seo ?? '' !!}

    <link rel="stylesheet" href="{{ secure_asset('css/distributor.css?v=1.1.1.1') }}">
@endsection

@section('content')

    @include('layouts.header')


  <link href="{{ asset('file-input/css/fileinput.css') }}" rel="stylesheet" type="text/css" />

  <link href="{{ asset('file-input/css/fileinput-rtl.css') }}" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- Luego Bootstrap (si lo usas) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>

    <script src="{{ asset('file-input/js/fileinput.js') }}" type="text/javascript"></script>


 
    <div class="container-fluid custom-container my-3">
        <div class="row">
     

            <div class="container-fluid custom-container">
                <div class="card">
                    <div class="card-body">
                       

                            @foreach($res as $row)
               
                                <div class="col-md-4">
                                        <div class="form-group mb-3">
                                            <label>
                                                <h5> <spam>Codigo de Pedido:</spam>
                                                </h5>
                                            </label>
                                            {{$row->op2}}
                                        </div>
                                </div>
                                <div class="col-md-4">
                                        <div class="form-group mb-3">
                                            <label>
                                                <h5> <spam>Nombres Cliente:</spam>
                                                </h5>
                                            </label>
                                            {{$row->op3}}
                                        </div>
                                </div>
                                
                                <div class="col-md-4">
                                        <div class="form-group mb-3">
                                            <label>
                                                <h5> <spam>Documento Cliente:</spam>
                                                </h5>
                                            </label>
                                            {{$row->v_document}}
                                        </div>
                                </div>
                                
                                <div class="col-md-4">
                                        <div class="form-group mb-3">
                                            <label>
                                                <h5> <spam>Monto pedido:</spam>
                                                </h5>
                                            </label>
                                            {{$row->op5}}
                                        </div>
                                </div>
                                            
                                            
                                                                                                     
                                <div class="col-md-4">
                                        <div class="form-group mb-3">
                                            <label>
                                                <h5> <spam>Numero Guia:</spam>
                                                </h5>
                                            </label>
                                            {{$row->numero_guia}}
                                        </div>
                                </div>
                                
                                <div class="col-md-4">
                                        <div class="form-group mb-3">
                                            <label>
                                                <h5> <spam>Numero Factura:</spam>
                                                </h5>
                                            </label>
                                            {{$row->numero_factura}}
                                        </div>
                                </div>
                                
                                            
                                                                
                                <div class="col-md-4">
                                        <div class="form-group mb-3">
                                            <label>
                                                <h5> <spam>Estado Pedido:</spam>
                                                </h5>
                                            </label>
                                            {{$row->op6}}
                                        </div>
                                </div>
                                
                                
                                
                                                                       
                                <div class="col-md-4">
                                        <div class="form-group mb-3">
                                            <label>
                                                <h5> <spam>Estado Entrega:</spam>
                                                </h5>
                                            </label>
                                            {{$row->status_chofer}}
                                        </div>
                                </div>
                                
                                
                     
                              @endforeach
               
               

                    @if(isset($image))
                        <table class="table table-hover">
                          <thead>
                            <tr>
                              <th scope="col">Foto</th>
                          
                            </tr>
                          </thead>
                          <tbody>
                           
                              
                              @foreach($image as $row)
                             
                                    <tr>
                                      <td><img src="https://www.impacto.com.pe/storage/traking/{{$row->file}}" width="80px" ></td>
                                
                                    </tr>
                              @endforeach
                              
                       
                           
                          </tbody>
                        </table>
                    @endif
                    
                    
                <form method="post" autocomplete="off" id="form_login" action="{{route('settrakingdet')}}"  enctype="multipart/form-data">

                    @csrf

                        <input type="hidden" name='id' value="{{$id}}">
                        <input type="hidden" name='userid' value="{{$userid}}">
                        

             @if ($errors->any())
                                    <div class="alert alert-danger error-validation-form-backend">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                    @endif
                                    
                                    
                                @if(session('mensaje'))
                                <div class="alert alert-success error-validation-form-backend">

                                    {{ session('mensaje') }}
                                </div>
                                @endif

                                  

                                <div class="col-md-4">
                                        <div class="form-group mb-3">
                                            <label>
                                                <h5> <spam>Tomar Foto:</spam>
                                                </h5>
                                            </label>
                                                     <input id="input-b1" name="fotos[]" type="file" class="file" accept="image/*"  data-browse-on-zone-click="true" multiple>
                                        </div>
                                </div>

                        <div class="d-block text-end card-footer">
                                <a href="{{route('trakinglist')}}" class="btn-icon btn btn-danger btn-sm"><i class="pe-7s-back btn-icon-wrapper"></i> Cancelar</a>
                                <button type="submit" class="btn-icon btn btn-info btn-sm"><i class="pe-7s-diskette btn-icon-wrapper"></i> Guardar</button>
                            </div>
                        </div>
                </form>


                    </div>
                </div>

            </div>
        </div>
    </div>
<script>
  
  $(document).ready(function() {
      
    $("#input-b1").fileinput({
    theme: 'fas', // si usas bootstrap 4/5
    showUpload: false,
    showCaption: true,
    browseLabel: "Seleccionar fotos",
    allowedFileExtensions: ["jpg", "jpeg", "png"],
    maxFileSize: 2048, // en KB (2MB)
    maxFileCount: 5,
    minFileCount: 1,
    browseOnZoneClick: true,
    showRemove: true,
    showClose: false,
    msgPlaceholder: 'Selecciona de 1 a 5 fotos...',
    overwriteInitial: false
    });
});
  
    
</script>


    @include('layouts.footer')

    @include('utils.backtop')

@endsection