@extends('layouts.master')

@section('sidebar')
    @parent

    <p>This is appended to the master sidebar.</p>
@stop

@section('content')

<div class="row">
    <!-- Column -->
    <div class="col-md-6 offset-3">
        <div class="card">
            <div class="card-body" id="divToPrint">
                <div class="">
                    <div>
                        <img src="assets/images/logos/logoTVB2.png" style="margin-top: 20px; margin-left: 20px;" class="light-logo" alt="homepage" width="200px" />
                        <div style="margin-top: 50px; margin-bottom:60px; text-align:center;">
                            <h3><b>Certificat de Réquisition </b></h3>
                        </div>
                    </div>
                    <h4 class="card-title">Description de l'actif</h4><br/>
                    @if(!empty($elements))
                    @foreach($elements as $element)
                                        <div class="row">
                        <div style="display: flex; ">
                        
                            <div class="col-4 display-flex justify-content-center">
                                <img src="assets/images/icon/icon_image.png" width="200px" />
                            </div>
                            <div class="col-8">
                                <ul style="list-style-type:none;">
                                    <li>
                                        <b>{{$element['element']}}</b>
                                    </li>
                                    <li>
                                        @if($articles)
                                        @foreach($articles as $article)
                                        @if($article['id'] == $element['article_id'])
                                        Article :  {{$article['article']}}
                                        @endif
                                        @endforeach
                                        @endif
                                    </li>
                                    <li>
                                        Model : {{$element['model']}}
                                    </li>
                                    <li>
                                        Série : {{$element['uid']}}
                                    </li>
                                    <br/>
                                    <li>
                                        @if($element['elementstatus'] == "NEW")Statut : <span class="badge badge-success">Neuf</span>@endif
                                        @if($element['elementstatus'] == "FREE")Statut : <span class="badge badge-success">Disponible</span>@endif
                                        @if($element['elementstatus'] == "IN_USE")Statut : <span class="badge badge-info">En Utilisation</span>@endif
                                        @if($element['elementstatus'] == "MAINTENANCE")Statut : <span class="badge badge-warning">En Maintenance</span>@endif
                                        @if($element['elementstatus'] == "DEFECTIVE")Statut : <span class="badge badge-danger">Déffectué</span>@endif
                                    </li>
                                    <li>
                                        Dépôt : {{$element['localisation']}}
                                    </li>
                                    <li>
                                        Description : {{$element['description']}}
                                    </li>
                                    <br/>


                                </ul>
                            </div>
                        </div>
                        <div class="col-12">
                            @if($element['elementstatus'] == "IN_USE")
                            <b>Utilisateur</b>
                            <ul style="list-style-type:none; margin-left: 80px;">
                                <li>Utilisateur : &nbsp;{{$element['fullname']}}</li>
                                <li>Département : &nbsp;{{$element['departement']}}</li>
                            </ul>
                            @endif
                        </div>
                        <b>Assignation</b>
                        <div class="col-12">
                        @foreach($element['using'] as $key)

                        <div class="col-12"><hr/></div>
                        <div class="col-4"> 
                            <b>Assigné le </b> : {{$key['created_at']}} <br/><br/>
                        </div>
                        <div class="col-4"> 
                            <b>Commentaire</b> : {{$key['comment']}} <br/><br/>
                        </div>

                        @endforeach
                        </div>
                    </div>
                    @endforeach
                    @endif
                    <div class="">
                        <hr/>
                        <h4>Engagement</h4>
                            <p>
                            Je m’engage à prendre soin de cet équipement. Toute perte, ou détérioration due à une inattention de ma part, donnera lieu au remboursement de l’équipement confié par TVB PORT-AU-PRINCE 
                            qui déduira de mon salaire la valeur de l’équipement, selon l'accord entre la compagnie et moi-même.
                            </p>
                        
                    </div><br/><br/><br/>
                    <div style="display: flex; justify-content:space-around">
                        <div style="text-align: center; width:30%;">
                            <hr/>
                            R. Stock
                        </div>
                        <div style="text-align: center; width:30%;">
                            <hr/>
                            Utilisateur
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group col-12" style="float: right; padding: 10px;">
                <button type="submit" onClick="PrintDiv()" class="btn btn-primary">Print</button>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    function PrintDiv()
    {
        var mywindow = window.open('', 'PRINT','');

        mywindow.document.write('<html><body >');
        mywindow.document.write(document.getElementById('divToPrint').innerHTML);
        mywindow.document.write('</body></html>');

        mywindow.document.close(); // necessary for IE >= 10
        mywindow.focus(); // necessary for IE >= 10*/

        mywindow.print();
        mywindow.close();

        window.location = 'article?id={{$article_id}}';

        return true;
    }
</script>

@stop