@extends('layouts.app')
@section('additionnalCSS')
    <meta name="csrf-token" content="{{ csrf_token() }}" />
@stop
@section('content')
@if (Auth::user()->is_admin == 1)
    <div class="container mt-3 mb-5">
        @if(session()->has('updateBorrow'))
            <div class="alert alert-success alert-block">
                <button type="button" class="close" data-dismiss="alert">x</button>
                {{ session()->get('updateBorrow') }}
            </div>
        @endif
        @if(session()->has('deleteBorrow'))
            <div class="alert alert-success alert-block">
                <button type="button" class="close" data-dismiss="alert">x</button>
                {{ session()->get('deleteBorrow') }}
            </div>
        @endif
        <div class="row">
            <div class="col-lg-4 my-1">
                <input id="search" type="text" class="form-control" placeholder="Rechercher">
            </div>
        </div>
        <div id="results">
            @foreach ($borrows as $b)
            <div class="card {{ $b->status == 'finish' ? 'border-warning' : 'border-dark' }} my-1">
                <div class="card-header font-weight-bold">
                    <div class="row">
                        <div class="col-lg-2">
                            Emprunt No : {{ $b->id}}
                        </div>
                        <div class="col-lg-3 font-weight-light" >
                            créé le : {{ $b->created_at }}
                        </div>
                        <div class="col-lg-7 font-weight-light" >
                            @if(!is_null($b->registered_by))
                                par : {{ $b->registered_by }}
                            @endif
                        </div>
                    </div>
                </div>
                <div class="card-body" id="card{{$b->id}}">
                    <div class="row">
                        <div class="col-lg-5">
                            <h5 class="card-title">{{ $b->first_name_borrower }} {{ $b->surname_borrower }}</h5>
                        </div>
                        <div class="col-lg-3">
                            <h6 class="card-title">{{ $b->email_borrower }}</h6>
                        </div>
                        <div class="col-lg-3">
                            <h6 class="card-title status">statut : <strong>{{ $b->status}}</strong></h6>
                        </div>
                        <div class="col-lg-1 col-validation">
                            @if($b->status == 'waiting_validation')
                                <button type="button" class="btn btn-success btn-sm validation" data-borrowid="{{ $b->id }}" data-validity="true"><i class="fas fa-clipboard-check"></i></button>
                                <button type="button" class="btn btn-danger btn-sm validation" data-borrowid="{{ $b->id }}" data-validity="false"><strong>x</strong></button>
                            @endif
                        </div>
                    </div>
                    <div class="row mb-1">
                        <div class="col-lg-5 d-flex align-items-center">
                            Équipement emprunté :&nbsp;
                            @if($b->equipment->is_out_of_service == 1)
                                <span style="font-size: 1.5em; color: darkorange;">
                                        <i class="fas fa-tools fa-xs"></i>
                                </span>
                                &nbsp;<b style="color: darkorange">{{ $b->equipment->code }} - {{ $b->equipment->name }}</b>
                                &nbsp;<a href="{{ route('equipment.show', $b->equipment->id) }}" target="_blank" rel="noopener noreferrer"><i class="fas fa-external-link-alt"></i></a>
                            @else
                            <b>{{ $b->equipment->code }} - {{ $b->equipment->name }}</b>
                                &nbsp;<a href="{{ route('equipment.show', $b->equipment->id) }}" target="_blank" rel="noopener noreferrer"><i class="fas fa-external-link-alt"></i></a>
                            @endif
                        </div>
                        <div class="col-lg-3 d-flex align-items-center">
                            Début : {{ $b->start_date }}
                        </div>
                        <div class="col-lg-3 d-flex align-items-center">
                            Fin : {{ $b->end_date }}
                        </div>
                        <div class="col-lg-1 d-flex align-items-center">
                            <a class="btn btn-outline-dark btn-sm mr-1" href="{{ route('borrow.edit', $b->id) }}" role="button">&#9998;</a>
                        </div>
                    </div>
                    <div class="row mb-1">
                        <div class="col-lg-11 d-flex align-items-center">
                            @if($b->need_explanation == 1)
                                &#10137; Je ne connais pas bien le matériel et aurais besoin d'explications/conseils
                            @elseif($b->need_explanation == 0)
                                &#10137; Je connais le matériel et n'aurais pas besoin d'explications/conseils
                            @endif
                        </div>
                        <div class="col-lg-1 d-flex align-items-center">
                            <a href="{{ route('stateofborrow.delete', $b->id) }}" class="btn btn-outline-dark btn-sm mr-1"><i class="far fa-trash-alt"></i></a>
                        </div>
                    </div>
                    <div class="row mb-1">
                        <div class="col-lg-12">
                            Responsable de la gestion du prêt : {{ $b->handled_by }}
                        </div>
                    </div>
                    <div class="row mb-1">
                        <div class="col-lg-12">
                            Motifs : {{ $b->reason }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            @if($b->status == 'borrowed' || $b->status == 'finish')
                                <a href="{{ route('stateofborrow.return', $b->id) }}" class="btn btn-primary">Rendu</a>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
@else
    <div class="container">
        <h3 class="mt-5">Vous ne pouvez pas accéder à cette page ! Gestionnaire seulement</h3>
    </div>
@endif
@stop
@section('additionnalScript')
    <script>
        $(document).ready(function(){
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $('.validation').click(function() {
                var borrowid = $(this).data('borrowid');
                var validity = $(this).data('validity');
                var status = "card" + borrowid;

                $.ajax({
                    url: "{{ route('stateofborrow.updateavailability') }}",
                    method: 'PUT',
                    data: {
                        borrowid: borrowid,
                        validity: validity,
                    },
                    success: function(data) {
                        $('#'+status+' .status').html(data.html);
                        $('#'+status+' .col-validation').hide();
                    }
                });
            });
        });


        $("#search").keyup(function() {
            // Retrieve the input field text and reset the count to zero
            var filter = $(this).val(),
            count = 0;
            // Loop through the comment list
            $('#results .card').each(function() {
                // If the list item does not contain the text phrase fade it out
                if ($(this).find(".card-body, .card-header").text().search(new RegExp(filter, "i")) < 0) {
                    $(this).hide();
                // Show the list item if the phrase matches and increase the count by 1
                } else {
                    $(this).show();
                    count++;
                }
            });
        });

    </script>
@stop