@extends('layouts.template')

@section('content')

    <!-- Header -->
    <div class="header bg-gradient-primary pb-6 pt-5 pt-md-8">
    </div>
    
    <div class="container-fluid mt--7">
        <div class="row">
            <div class="col-xl-12 col-lg-12">
              <div class="card card-stats mb-4 mb-xl-0">
                <div class="card-body">
                  <div class="row">
                    <div class="col">
                      <h5 class="card-title text-uppercase text-muted mb-0">Modification Professeur</h5>
                    </div>
                    
                    <div class="col-auto">
                      <div class="icon icon-shape text-white shadow">
                        <i class="ni ni-building text-blue"></i>
                      </div>
                    </div>
                  </div>

                </div>
              </div>
            </div>
        </div>
        
<br><br>

<div class="content" >
    <div class="container-fluid">
        <div class="row">
          <div class="col-md-12">
              <div class="card">
                <div class="card-body">
                <!-- Formulaire -->
                  <form action="{{ url('professeurs/'.$profs->id) }}" method="post" enctype="multipart/form-data">
                  @csrf
                  @method('PUT')
              <div class="row">
                
                  <div class=col-md-6>
                        
                          <div class="form-row">
                            <div class="form-group col-md-12">
                                <label>Nom Professeur</label>
                              <input type="text" class="form-control" name="nomProfesseur" value="{{ $profs->nomProfesseur }}" required>
                            </div>
                          </div>
                          
                          <div class="form-row">
                            <div class="form-group col-md-12">
                                <label>Prénom Professeur</label>
                              <input type="text" class="form-control" name="prenomProfesseur" value="{{ $profs->prenomProfesseur }}" required>
                            </div>
                          </div>
                          
                          <div class="form-row">
                            <div class="form-group col-md-12">
                                <label>Date de naissance</label>
                              <input type="text" class="form-control" onfocus="(this.type='date')" name="naissance" value="{{ $profs->naissance }}" required>
                            </div>
                          </div>
                          
                          <div class="form-row">
                            <div class="form-group col-md-12">
                                <label>Age</label>
                                                              <input type="text" class="form-control" name="age" value="{{$years}} ans" disabled>
                            </div>
                          </div>
                          
                          <div class="form-row">
                            <div class="form-group col-md-12">
                              <input type="text" class="form-control" name="telephone" value="{{ $profs->telephone }}" required>
                            </div>
                          </div>
                          
                          <div class="form-row">
                            <div class="form-group col-md-12">
                              <input type="email" class="form-control" name="email" value="{{ $profs->email }}" required>
                            </div>
                          </div>
                          
                          <div class="form-row">
                            <div class="form-group col-md-12">
                              <input type="text" class="form-control" name="adresse" value="{{ $profs->adresse }}" required>
                            </div>
                          </div>
                          
                          <div class="form-row">
                            <div class="form-group col-md-5">
                              <input type="text" class="form-control" name="ville" value="{{ $profs->ville }}" required>
                            </div>
                            <div class="form-group col-md-4">
                              <select id="inputState" class="form-control" name="secteur">
                                <option selected>{{ $profs->secteur }}</option>
                                <option>Ain sebaa</option>
                                <option>Hay Mohammedi</option>
                                <option>Bernoussi</option>
                              </select>
                            </div>
                            <div class="form-group col-md-3">
                              <input type="text" class="form-control" name="codeP" value="{{ $profs->codeP }}" required>
                            </div>
                          </div>
    
                  </div>
                  <div class=col-md-6>
                      
                        <div class="form-row">
                            <div class="form-group col-md-12">
                              <input type="text" class="form-control" onfocus="(this.type='date')" name="embouche" value="{{ $profs->embouche }}" required>
                            </div>
    
                            <div class="form-group col-md-12">
                                <select id="inputState" class="form-control" name="contrat">
                                    <option selected>{{ $profs->contrat }}</option>
                                    <option>Mi-temps</option>
                                    <option>PleinTemps</option>
                                    <option>Stagiaire</option>
                                </select>
                            </div>
                            
                            <div class="form-group col-md-12">
                                <input type="file" id="avatar" name="image" accept="image/png, image/jpeg">
                            </div>
                            
                        </div>
                  </div>
                
              </div>
              
              <div class="row float-right">
                  
                    <button type="submit" class="btn btn-danger">Modifier</button>
              </div>
              
          </form>
                <!-- Formulaire END -->
                </div>
              </div>
            </div>
            
        </div>
    </div>
</div>

@endsection

@section('javascript')
<script src="{{asset('assets/js/vue.js')}}"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
    var app = new Vue({
        el:'#app',
        data: {
            message:'Modification Professeur'
        }
    });
</script>
@endsection