@extends('layouts.layouts_module')
@section('css')
<link href="/css/application.css" rel="stylesheet">
@stop

@section('content_module')
<div class="content-wrapper">
  
      <div class="card">
        <div class="card-body">
          <h4 class="card-title"><strong>Importaciòn Desglosada</strong></h4>
          <br>
          <div class="row">
            <div class="col-12 table-responsive">
                <form class = "form-horizontal" method = "POST" action = "{{route ('import_process_vacaciones')}}"> 
                    {{csrf_field ()}} 
                    <input type="hidden" name="csv_data_file_id" value="{{ $csv_data_file->id }}" />
                    <input type="hidden" name="modulo" value="{{ $nombre_modulo->id_modulo }}" />
                    <input type="hidden" name="primera_fila" value="{{ $primera_fila }}" />
                    
              <table id="order-listing" class="table">
                <thead>
        @foreach ($csv_data as $row) 
            <tr > 
            @foreach ($row as $key => $value) 
                <td > {{$value}} </td> 
            @endforeach 
            </tr> 
        @endforeach 
         </thead>
         <tbody>
        <tr>
            @foreach ($csv_data[0] as $key => $value)
                <td>
                    <select name="fields[{{ $key }}]">
                        <option value=""></option>
                        @foreach ($options as $db_field)
                            <option value="{{ ($loop->index)+1 }}">{{ $db_field->descripcion }}</option>
                        @endforeach
                    </select>
                </td>
            @endforeach
        </tr>
    </tbody>
    </table> 
</div>
    <button type = "submit" class = "btn btn-primary"> 
        Importar datos 
    </button> 
</form>
</div>
@endsection