@extends('admin.layout')
@section('titre')
Colis
@endsection
 
@section('content')


<div class="card card-primary">
    <div class="card-header">
        <h3 class="card-title">import colis</h3>
    </div>
    <div class="card-body">
     <a class="text-danger" href="{{asset('backoffice/file/modele.csv')}}"> <b><u>Télécharger le modèle du fichier CSV à importer</u></b></a>
    <br><div class="alert alert-warning alert-dismissible"> il faut Copier/Coller le nom des villes et le nom des zones à partir de  <a href="javacript:;"  data-toggle="modal" data-target="#modal-default"> cette liste </a></div>
    
     
    <!-- /.card-header -->
    <!-- form start -->
    @if ($msgerror=session('errorMsg'))
        <div  class="alert alert-danger" role="alert">
            {{$msgerror}}
            <ul>
            @foreach (session('tab_error') as $ligne)
            <li>{{ $ligne }}</li>
            @endforeach
            </ul>
          
        </div>
    @endif
    </div>
    @if (count($errors) > 0)
        <div class="alert alert-danger">
            <strong>error !</strong> There were some problems with your input.
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <form action="{{ route('storeimport')}}" method="POST" enctype="multipart/form-data">
        @csrf
        <div class="card-body">
        <div class="row">
                    <div class="col-sm-12">
                      <div class="form-group">
                        <label for="exampleInputname">Importer le fichier CSV</label>
                        <input type="file" name="file" required class="form-control" id="exampleInputname"  >
                       
                      </div>
                    </div>
                    
                  </div>
                   
                 
            

            
        </div>
        <!-- /.card-body -->
        <div class="card-footer">
            <button type="submit" class="btn btn-primary">Valider</button>
        </div>
    </form>
</div>


<div class="modal fade" id="modal-default">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title">Liste  villes zones</h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
            <ul class="list-unstyled">
                   @foreach($villes as $ville)
                  <li><b>{{$ville->name}}</b>
                    <ul>
                    @foreach($ville->zones as $zone)
                      <li>{{$zone->name}}</li>
                      @endforeach
                    </ul>
                  </li>
                  @endforeach
                  
                </ul>
            </div>
            <div class="modal-footer justify-content-between">
              <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
            
            </div>
          </div>
          <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
      </div>
@endsection