@extends('dashboard.layout.base')

@section('content')

      <div class="slim-mainpanel">
        <div class="container">
          <div class="slim-pageheader">
            <ol class="breadcrumb slim-breadcrumb">
              <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
              <li class="breadcrumb-item"><a href="#">Demande</a></li>
              <li class="breadcrumb-item active" aria-current="page">Demande de congé</li>
            </ol>
            <h6 class="slim-pagetitle">Demande de congé</h6>
          </div><!-- slim-pageheader -->

          <div class="section-wrapper mg-t-20 mg-b-20">
            <label class="section-title">Information de l'etudient</label>
            <div class="form-layout form-layout-2">
                <div class="row no-gutters">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label class="form-control-label">Bénéficier</label>
                            <input class="form-control" type="text" name="name" value="{{ $conge->employee->name }}" readonly>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="form-control-label">Date de début:  </label>
                            <input class="form-control" type="text" name="debut" value="{{ $conge->debut }}" readonly>
                        </div>
                    </div><!-- col-3 -->
                    <div class="col-md-6 mg-t--1 mg-md-t-0">
                        <div class="form-group mg-md-l--1">
                            <label class="form-control-label">Date d'entrée:</label>
                            <input class="form-control" type="text" name="fin" value="{{ $conge->fin }}" readonly>
                        </div>
                    </div><!-- col-3 -->
                    <div class="col-md-12 mg-t--1 mg-md-t-0">
                        <div class="form-group mg-md-l--1">
                            <label class="form-control-label">Motif:</label>
                            <input class="form-control" type="text" name="motif" value="{{ $conge->motif }}" readonly>
                        </div>
                    </div>
                </div><!-- row -->
            </div><!-- form-layout -->
        </div>
        <div class="section-wrapper mt-3">
            <form action="{{ route('admin.conge.update' , ['id' => $conge->id]) }}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="col-md-8">
                        <label class="section-title">Décision</label>
                    </div>
                    <div class="col-md-4">
                    </div>
                </div>
                <div class="row mg-b-25">
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label class="form-control-label">Décision: <span class="tx-danger">*</span></label>
                            <select class="form-control" placeholder="Choisir"  name="decision">
                                <option value="0" @if ($conge->decision == 0) selected @endif>En cours de traitement</option>
                                <option value="1" @if ($conge->decision == 1) selected @endif>Approuvée</option>
                                <option value="2" @if ($conge->decision == 2) selected @endif>Rejeter</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="form-group">
                            <label class="form-control-label">Motif de refus</label> <br>
                            <textarea class="form-control" name="motif" id="" value  rows="10">{{$conge->motif}}</textarea>
                        </div>
                    </div>
                </div>
                <div class="form-layout-footer d-flex justify-content-end">
                    <button class="btn btn-outline-secondary bd-0 mx-1"><i class="fa fa-reply mg-r-5"></i> Routeur</button>
                    <button type="submit" class="btn btn-outline-primary bd-0"><i class="fa fa-plus mg-r-5"></i> Enregistrer</button>
                  </div><!-- form-layout-footer -->
            </form>
        </div>
    </div>
        @include('dashboard.component.copyright')
      </div><!-- slim-mainpanel -->
    </div><!-- slim-body -->
@endsection