@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 N° {{$demande->n_so}}</li>
            </ol>
            <h6 class="slim-pagetitle">Demande N° {{$demande->n_so}}</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-4">
                        <div class="form-group">
                            <label class="form-control-label">N° Ins: </label>
                            <input class="form-control" type="text" name="n_ins" value="{{ $demande->student->n_ins }}" readonly>
                        </div>
                    </div><!-- col-3 -->
                    <div class="col-md-4 mg-t--1 mg-md-t-0">
                        <div class="form-group mg-md-l--1">
                            <label class="form-control-label">Nom: </label>
                            <input class="form-control" type="text" name="first_name" value="{{ $demande->student->first_name }}" readonly>
                        </div>
                    </div><!-- col-3 -->
                    <div class="col-md-4 mg-t--1 mg-md-t-0">
                        <div class="form-group mg-md-l--1">
                            <label class="form-control-label">Prénom:</label>
                            <input class="form-control" type="text" name="last_name" value="{{ $demande->student->last_name }}" readonly>
                        </div>
                    </div><!-- col-3 -->
                    <div class="col-md-4 mg-t--1 mg-md-t-0">
                        <div class="form-group mg-md-l--1">
                            <label class="form-control-label">Année d'inscription :</label>
                            <input class="form-control" type="text" name="ann_ins" value="{{ $demande->student->ann_ins }}" readonly>
                        </div>
                    </div>
                    <div class="col-md-4 mg-t--1 mg-md-t-0">
                        <div class="form-group mg-md-l--1">
                            <label class="form-control-label">Téléphone:</label>
                            <input class="form-control" type="text" name="phone" value="{{ $demande->phone }}" readonly>
                        </div>
                    </div>
                    <div class="col-md-4 mg-t--1 mg-md-t-0">
                        <div class="form-group mg-md-l--1">
                            <label class="form-control-label">Email :</label>
                            <input class="form-control" type="text" name="mail" value="{{ $demande->mail }}" readonly>
                        </div>
                    </div>
                </div><!-- row -->
            </div><!-- form-layout -->
        </div>
        <div class="section-wrapper mg-t-20 mg-b-20">
            <label class="section-title">Motif de l'emprunt</label>
            <div class="form-layout form-layout-2">
                <div class="row no-gutters">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="form-control-label">N° sortie: </label>
                            <input class="form-control" type="text" name="n_so" value="{{ $demande->n_so }}" readonly>
                        </div>
                    </div><!-- col-3 -->
                    <div class="col-md-3 mg-t--1 mg-md-t-0">
                        <div class="form-group mg-md-l--1">
                            <label class="form-control-label">Nom du Prof: </label>
                            <input class="form-control" type="text" name="module" value="{{ $demande->prof }}" readonly>
                        </div>
                    </div>
                    <div class="col-md-3 mg-t--1 mg-md-t-0">
                        <div class="form-group mg-md-l--1">
                            <label class="form-control-label">Nom du module: </label>
                            <input class="form-control" type="text" name="module" value="{{ $demande->module }}" readonly>
                        </div>
                    </div>
                    <div class="col-md-3 mg-t--1 mg-md-t-0">
                        <div class="form-group mg-md-l--1">
                            <label class="form-control-label">Nom de l'exercice:</label>
                            <input class="form-control" type="text" name="exercice" value="{{ $demande->exercice }}" readonly>
                        </div>
                    </div>
                </div><!-- row -->
            </div><!-- form-layout -->
        </div>
        <div class="section-wrapper mg-t-20 mg-b-20">
            <label class="section-title">Liste de materiel emprunté</label>
        <div class="table-responsive">
                <table class="table table-bordered">
                  <thead class="thead-colored bg-warning">
                    <tr class="tx-10 bg-primary">
                      <th class="pd-y-5">N° inventere</th>
                      <th class="pd-y-5">Designation</th>
                      <th class="pd-y-5">Type</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach($demande->products as $product)
                    <tr>
                      <td class="valign-middle">{{ $product->num_inv }}</td>
                      <td class="valign-middle">{{ $product->designation }}</td>
                      <td class="valign-middle">{{ $product->type->name }}</td>
                    </tr>
                    @endforeach
                  </tbody>
                </table>
              </div>
        </div>
        <div class="section-wrapper mg-t-20 mg-b-20">
            <label class="section-title">Durée</label>
            <div class="form-layout form-layout-2">
                <div class="row no-gutters">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="form-control-label"> Date d'emprunt: </label>
                            <input class="form-control" type="text" name="n_so" value="{{ $demande->date_so }}" readonly>
                        </div>
                    </div><!-- col-3 -->
                    <div class="col-md-3 mg-t--1 mg-md-t-0">
                        <div class="form-group mg-md-l--1">
                            <label class="form-control-label">Date de récuperation:</label>
                            <input class="form-control" type="text" name="module" value="{{ $demande->date_en }}" readonly>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @if ($demande->note )
            <div class="section-wrapper mg-t-20 mg-b-20">
                <label class="section-title">Note</label>
                <div class="form-layout form-layout-2">
                    <div class="row no-gutters">
                        <div class="col-md-12">
                            <div class="form-group">
                                <input class="form-control" type="text" name="n_so" value="{{ $demande->note }}" readonly>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
        @if ($demande->motifs_reject )
            <div class="section-wrapper mg-t-20 mg-b-20">
                <label class="section-title">Motif de refus</label>
                <div class="form-layout form-layout-2">
                    <div class="row no-gutters">
                        <div class="col-md-12">
                            <div class="form-group">
                                <input class="form-control" type="text" name="n_so" value="{{ $demande->motifs_reject }}" readonly>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>
        @include('dashboard.component.copyright')
      </div><!-- slim-mainpanel -->
    </div><!-- slim-body -->
@endsection

@push('styles')

    <link href="{{ asset('dashboard/lib/bootstrap-tagsinput/css/bootstrap-tagsinput.css') }}" rel="stylesheet">
    <link href="{{ asset('dashboard/lib/medium-editor/css/medium-editor.css') }}" rel="stylesheet">
    <link href="{{ asset('dashboard/lib/medium-editor/css/default.css') }}" rel="stylesheet">
    <link href="{{ asset('dashboard/lib/select2/css/select2.min.css') }}" rel="stylesheet">

    <style type="text/css">

      .editabl-wrapper textarea {
        display: none;
      }

      .bootstrap-tagsinput {
          border-radius: 0;
      }

    </style>

@endpush

@push('scripts')

    <script src="{{ asset('dashboard/lib/bootstrap-tagsinput/js/bootstrap-tagsinput.js') }}"></script>
    <script src="{{ asset('dashboard/lib/medium-editor/js/medium-editor.js') }}"></script>
    <script src="{{ asset('dashboard/lib/select2/js/select2.full.min.js') }}"></script>


    <script type="text/javascript">

        // Select2 by showing the search
        $('.select2-show-search').select2({
          minimumResultsForSearch: ''
        });

    </script>



@endpush