@extends('layouts.master')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">

  <div class="container">
    <div class="col-md-12">
  @if(session()->get('errorsrep'))
    <div class="alert alert-danger">
  {{ session()->get('errorsrep') }}  
        </div>
  @endif
  </div>
  
  <div>
  @if ($errors->any())
  <div class="alert alert-danger">
  <ul>
      @foreach ($errors->all() as $error)
      <li>{{ $error }}</li>
      @endforeach
    </ul>
  </div><br />
  @endif

     <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="content-header">
            <div class="container-fluid">
              <div class="row mb-2">
                <div class="col-sm-6">
                  <h1 class="m-0 text-dark">Enregistrement de Stock</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                  <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{ url('/home') }}">
                        <i class="fa fa-home fa-fw" aria-hidden="true"></i> Accueil</a>
                    </li>
                    <li class="breadcrumb-item active"><b>Produit</b></li>
                     <li class="breadcrumb-item active">Enregistrement de Stock</li>
                  </ol>
                </div><!-- /.col -->
              </div><!-- /.row -->
            </div><!-- /.container-fluid -->
          </div>

    </section>

    <!-- Main content -->
    <section id="main" class="content">
      <div class="col-md-10 offset-md-1 mt-5">
            <form method="post" action="{{ route('produits.update', $produit->id) }}">
                @method('PATCH') 
                @csrf

                <div class="form-group ">
                  <label for="name" class="col-md-4 control-label">Nom :</label>
                  <div class="col-md-6">
                      <input class="form-control" name="name" type="text" id="name" value="{{ old('name', $produit->designationPro) }}">
                      @if ($errors->has('name'))
                          <span class="help-block">
                              <strong style="color: red;">{{ $errors->first('name') }}</strong>
                          </span>
                      @endif
                  </div>
              </div>
       
              <div class="form-group">
                <label for="country" class="col-md-4 control-label">Marques :</label>
                  <div class="col-md-6">
                      <select name="marque" id="marque" class="form-control">
                          @foreach($marques as $marque)
                              <option value="{{ $marque->id }}">{{ $marque->designationMar }}</option>
                          @endforeach
                      </select>
                  </div>
                  <div class="form-group">
                    <input type="file" name="avatarI" class="form-control">
                        <label for="avatar" >
                        <i class="fa fa-upload"></i>
                        Choisir une photo</label>
                        <div class="level-right">
                        </div>
                        
                    </div>
                    <div>
                        <img src="{{ asset('storage/'.$produit->avatar) }}" alt="" class="img-thumbnail">
                    </div>
                    @foreach($tailles as $taille)
                    <div class="form-group form-check">
                    <input type="checkbox" name="tailles[]" id="{{ $taille->id}}" class="form-check-input" value="{{ $taille->id}}">
                    <label for="{{ $taille->id}}">{{ $taille->designationTail}}</label>
                    @foreach($produit->tailles as $taille)
                    <input type="text" name="qte" id="qte" value="{{$taille->pivot->qteStock}}">
                    @endforeach
                    </div>
                    @endforeach
              </div>
          <div class="form-group row">
            <div class="col-md-3 offset-md-9">
              <a href="{{ url('produits') }}" class="btn btn-secondary">Retourner</a>
              <button type="submit" class="btn btn-success">Modifier</button>
            </div>
          </div>
        </form>
      </div>
    </section>
  <!-- /.content -->
  </div>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 

  <script>
    $(function() {
     
        // Récupération des id pour pays et ville
        var marque_id = {{ old('marque', $produit->marque->id) }};
        $('#marque').val(marque_id).prop('selected', true);
       
    });
    </script>
  @endsection




  <table id="table" class="table table-striped table-bordered" style="width: 100%">
    <thead>
        <tr>
            <th>Name Produit</th>
            <th>Marque</th>			
        </tr>
    </thead>
    <tbody>
        @foreach($produits as $produit)
        <tr>
            <td>{{$produit->designationPro}}</td>
            <td>{{$produit->marque->designationMar}}</td>
            <td><img src="{{ asset('storage/'.$produit->avatar) }}" alt="" class="img-thumbnail"></td>					
            
            <td>
                <form action="{{ route('produits.destroy', $produit->id)}}" method="post">
                    @csrf
                    @method('DELETE')
                <a class="badge badge-warning" href="{{ route('produits.edit',$produit->id)}}">
                    <i class="fas fa-edit"></i>
                 </a>
                 <button class="badge badge-danger" type="submit"  
onclick="return confirm('Si cet Produit est SUPPRIMER en supprimera aussi toutes les stocks qui appartient a cette Produit, Voulez-vous vraiment supprimer cet Produit');">
<i class="fas fa-trash-alt"></i></button> </form>
            </td>
        </tr>
        @endforeach
    </tbody>
    <tfoot>
        <tr>
            <th>Name Produit</th>
            <th>Marque</th>
        </tr>
    </tfoot>
</table>