@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">Modifier Commande</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>Commande</b></li>
                     <li class="breadcrumb-item active">Modifier commande</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('commandes.update', $commande->id) }}">
                @method('PATCH') 
                @csrf

                <div class="form-group">
                    <label for="name">Nom de Client :</label>
                    <input type="text" name="name" id="name" class="form-control" placeholder="Nom de Client ..." value="{{$commande->nameC}}">
                </div>

                <div class="form-group">
                    <label for="name">Telephone Example +2126xxxxxxxx:</label>
                    <input type="text" name="telephone" id="telephone" class="form-control" placeholder=" Numero de Télephone ..." value="{{$commande->telephone}}">
                </div>
                
                <div class="form-group">
                    <label for="name">Adresse :</label>
                    <textarea name="adresseclient" id="adresseclient" cols="20" rows="5" class="form-control" placeholder="Adresse ...">{{$commande->adresseclient}}</textarea>
                </div>

                <div class="form-group">
                  <label for="order">a l'order de :</label>
                  <select name="order" id="order" class="form-control">
                      <option value="Topshopping" @if($commande->order === 'Topshopping')selected @endif>Topshopping</option>
                      
                      <option value="Laboutique" @if($commande->order === 'Laboutique')selected @endif>Laboutique</option>
                      
                  </select>
                </div>
                @if($commande->type_commande === 'sans_stock')
                <div class="form-group">
                  <label for="produitS">Produit-taille-qte</label>
                <textarea name="produitS" id="" cols="70" rows="4" class="form-control">{{$commande->produit_sans_stock}}</textarea>
                </div>
                @endif
                <div class="form-group">
                  <label for="code">Prix Total Commande</label>
                  <input type="text" name="prix" class="form-control" value="{{$commande->prixT}}">
                  </div>
                <div class="form-group">
                  <label for="country" class="col-md-4 control-label">Livraisons :</label>
                  <div class="col-md-6">
                      <select id="livraison" class="form-control">
                        @foreach($livraisons as $livraison)
                        <option value="{{ $livraison->id }}">
                        {{ $livraison->etat_liv }}</option>
                        @endforeach
                      </select>
                  </div>
              </div>

              <div class="form-group">
                  <label for="user" class="col-md-4 control-label">Livreur :</label>
                  <div class="col-md-6">
                      <select name="user" id="user" class="form-control"></select>
                  </div>
              </div>
              <div class="form-group">
                <label for="code">Code d'envoi</label>
                <input type="text" name="code" class="form-control" value="{{$commande->code_d_envoi}}">
                </div>

          <div class="form-group row">
            <div class="col-md-3 offset-md-9">
              <a href="{{ url('commandes') }}" 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 livraison_id = {{ old('livraison', $commande->user->livraison->id) }};
        var user_id = {{ old('user', $commande->user->id) }};
     
        // Sélection du pays
        $('#livraison').val(livraison_id).prop('selected', true);
        // Synchronisation des villes
        userUpdate(livraison_id);
     
        // Changement de pays
        $('#livraison').on('change', function(e) {
            var livraison_id = e.target.value;
            user_id = false;
            userUpdate(livraison_id);
        });
     
        // Requête Ajax pour les villes
        function userUpdate(livraisonId) {
            $.get('{{ url('users1') }}/'+ livraisonId + "'", function(data) {
                $('#user').empty();
                $.each(data, function(index, users1) {
                    $('#user').append($('<option>', { 
                        value: users1.id,
                        text : users1.name 
                    }));
                });
                if(user_id) {
                    $('#user').val(user_id).prop('selected', true);
                }
            });
          }
         
        });
        </script>
  
  @endsection