@extends('layouts.app')
@section('contenu')

<div class="row">
    @if(session()->has('message'))
    <div class="alert alert-success">
        <button type="button" class="close" data-dismiss="alert">&times;</button>
        <strong></strong> {{ session()->get('message') }}.
    </div>

    @endif
    <div class="text-md-right box-inner box-inner nav nav-pills nav-justified" id="sub-nav">
        <ul class="nav nav-pills">
            <li>
                <a href="/rendezvousAccueil"><i class="glyphicon glyphicon-book"></i> Creation Rendez-Vous</a>
            </li>
            <li>
                <a href="/rendezvous/dejaCree/liste"><i class="glyphicon glyphicon-list-alt"></i> Liste Rendez-Vous</a>
            </li>

            <li class="active">
                <a href="#" id="details" aria-controls="details" aria-controls="details"><i
                        class="glyphicon glyphicon-info-sign"></i> Details Rendez-Vous</a>
            </li>
        </ul>
    </div>

    <div class="box col-lg-12">
        <div class="box-inner">
            <div class="box-header well" data-original-title="">
                <div class="box-icon">
                    <a href="#" class="btn btn-setting btn-round btn-default"><i
                            class="glyphicon glyphicon-cog"></i></a>
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
                <p><i class="glyphicon glyphicon-info-sign"></i> la societe <i>{{ $det[0]->nom_ets ?? ''}}</i>
                    à l'adresse <i>{{ $det[0]->adresse ?? ''}}</i> numéro telephone <i>{{ $det[0]->tel ?? ''}}</i> ,

                    a payé
                    {{$det[0]->montantPaie ?? ''}}

                    sur
                    @if($det[0]->montantNegocier != 0)
                    {{$det[0]->montantNegocier ?? ''}}
                    @else
                    {{ $rendezvous[0]->societe->categorie->montant ?? ''}}
                    @endif
                </p>

            </div>
            <div class="box-content">

                <form role="form" method="POST" action="{{route('rdv.store')}}">
                    @csrf
                    <div class="data">

                        <br>
                    </div>

                    <div class="box-content">
                        <div class="form-group text-left">
                            <a href="{{ url()->previous() }}" class="button btn btn-danger"><i
                                    class="glyphicon glyphicon-arrow-left"></i> Retour</a>
                            &emsp;&emsp; &emsp;&emsp; &emsp;&emsp; &emsp; &emsp;
                            &emsp; &emsp; &emsp; &emsp; &emsp;
                            &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp;
                            &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp;
                            &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp;
                            &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp;&emsp;&emsp;&emsp;&emsp;
                            &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
                            <button type="button" class="btn btn-success" data-toggle="modal" data-target="#creation"
                                value="">
                                <i class="glyphicon glyphicon-calendar "></i> création Rendez-vous
                            </button>

                        </div>


                        <br>

                        <table class="table table-striped table-bordered bootstrap-datatable datatable responsive">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th>Date rdv</th>
                                    <th>Type</th>
                                    <th>Statut</th>
                                    <th>Motif</th>
                                    <th>Description</th>
                                    <th>Agent_Initiateur</th>
                                    <th>Agent_Modificateur</th>
                                    <th class="text-center" style="min-width:350px">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($rendezvous as $value)
                                <tr>

                                    <td>
                                        <input type="radio" name="idr" value="{{ $value->id_rdv ?? '' }}">
                                    </td>

                                    <td class="center">{{ $value->daterdv ?? '' }}</td>

                                    <td>
                                        {{$value->paramType->libelle_param ?? ''}}
                                    </td>
                                    <td>
                                        @if (strtotime($value->daterdv) < time() && $value->pa_statut_rdv_id == 11)

                                            <span class="label-default label label-default">
                                                {{$late[0]->libelle_param ?? ''}}
                                            </span>

                                            @elseif($value->pa_statut_rdv_id == 1)

                                            <span class="label-default label label-danger">
                                                {{ $value->parametresStatut->libelle_param ?? '' }}
                                            </span>

                                            @elseif($value->pa_statut_rdv_id == 2)

                                            <span class="label-default label label-success">
                                                {{ $value->parametresStatut->libelle_param ?? '' }}
                                            </span>

                                            @elseif($value->pa_statut_rdv_id == 3)

                                            <span class="label-default label label-info">
                                                {{ $value->parametresStatut->libelle_param ?? '' }}
                                            </span>
                                            <br><br>

                                            <a class="ajax-link" href="{{ route('vision',$value->id_rdv)}}"><i
                                                    class="glyphicon glyphicon-folder-open"></i><span>Historique</span></a>

                                            @elseif(strtotime($value->daterdv) > time() && $value->pa_statut_rdv_id ==
                                            11)
                                            <span class="label-default label label-warning">
                                                {{ $value->parametresStatut->libelle_param ?? '' }}
                                            </span>
                                            @endif
                                    </td>
                                    <td class="center">
                                        {{ $value->parametresMotif->libelle_param ?? '' }}
                                    </td>

                                    <td class="center" style="font-size:13,5px">
                                        {{ $value->description ?? '' }}
                                    </td>

                                    <td class="center">
                                        {{ $value->agent->name ?? '' }}
                                    </td>
                                    <td class="center">
                                        @if(!empty($value->parametresStatut->libelle_param))
                                        {{$value->agentModif->name ?? ''}}
                                        @endif
                                    </td>
                                    <td>
                                        <div class="text-center">


                                            <button type="submit" name="valideR" value="valideR" class="btn btn-success"
                                                @if(!empty($value->agentModif->name)) disabled @endif >
                                                <i class="glyphicon glyphicon-edit"></i>
                                                Valider

                                            </button>



                                            <button class="btn btn-danger" type="submit" name="deleteR" value="details"
                                                @if(!empty($value->agentModif->name)) disabled @endif >
                                                <i class="glyphicon glyphicon-eye-open"></i>
                                                Annuler
                                            </button>
                                            <button type="button" class="btn btn-info" data-toggle="modal"
                                                data-target="#rdv" @if(!empty($value->agentModif->name)) disabled
                                                @endif>
                                                <i class="glyphicon glyphicon-calendar"></i>
                                                Replanifier
                                            </button>


                                            <br>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>

                    </div>
                    <!--Pour la modification d'un rendezvous-->
                    @include('modals.rendezvous.rendezvousReplanificationModal')
            </div>
        </div>
    </div>
    <!--  <a href="{{ url()->previous() }}" class="button btn btn-danger"> <i class="	glyphicon glyphicon-arrow-left"></i> Retour</a>                       
-->
</div>
</form>
</div>
</div>
</div>
</div>

<!--Pour la creation d'un rendezvous-->
<div class="modal fade" id="creation" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ route('rdv.store') }}">
                @csrf
                <div class="modal-header">

                    <button type="button" class="close" data-dismiss="modal">×</button>
                    <h3>Prendre un Rendezvous</h3>
                </div>
                <div class="modal-body">
                    <div class="form-group" style="display: none;">
                        <input type="text" name="idets" value="{{ $value->societe->id ?? '' }}">
                    </div>

                    <div class="form-group">
                        <label>Type du rendez vous </label>
                        <div class="nk-int-st">
                            <select name="type" id="type" class="form-control">
                                @foreach($paramType as $type)
                                <option value="{{$type->id}}">{{$type->libelle_param}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label>Motif </label>
                        <div class="nk-int-st">
                            <select name="motif" id="type" class="form-control">
                                @foreach($parametreMotif as $motif)
                                <option value="{{$motif->id}}">{{$motif->libelle_param}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-example-int">
                        <div class="form-group">
                            <label>Date de Rendezvous</label>
                            <div class="nk-int-st">
                                <input type="datetime-local" id="ladate" name="daterdv"
                                    style="border-color:gold;border-width:1px;border-style:solid"
                                    onkeyup="keyUpHandler(this)" class="form-control input-sm">
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label>Commentaire sur le rendezvous</label>
                        <div class="nk-int-st">
                            <textarea id="observation" name="description" class="form-control" rows="5" cols="20">
                                </textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <a href="#" class="btn btn-danger" data-dismiss="modal">Annuler</a>
                    <button name="validerR" type="submit" id="validerR" value="validerR"
                        class="btn btn-success">Ajouter</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection
<!--Finn-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
    function cocherTout(etat) {
        var cases = document.getElementsByTagName('input');   // on recupere tous les INPUT
        for (var i = 1; i < cases.length; i++)     // on les parcourt
            if (cases[i].type == 'checkbox')     // si on a une checkbox...
            {
                cases[i].checked = etat;
            }
        // ... on la coche ou non
    }
    function keyUpHandler(obj) {
        document.getElementById("conversion").firstChild.nodeValue = NumberToLetter(obj.value);

        $('#lettre').val(NumberToLetter(obj.value));
    }
    $(document).ready(function () {
        if ($("input:radio[name=idr]").is(":checked")) {

            //alert('jodel');
            //its checked
        }
        $("input:radio[name=idr]").click(function () {
            var url = $('#form1').attr('action');
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "/recherche",
                data: {
                    'action': 'rechercherdv',
                    'valeur': $(this).val(),

                },
                type: 'POST',
                dataType: 'json',
                success: function (result) {
                    $("#ladate").val(result.daterdv);
                    $("#observation").val(result.description);
                    $("#commentaire").val(result.description);
                    $(`#type option[value='${result.type}']`).prop('selected', true);
                    // $("input:radio[name=observation]").val(result.type);
                    // alert(result.daterdv);

                    console.log("===== " + result.daterdv + " =====");

                }
            });
        });


    })

</script>