@extends('layouts.app')

@section('contenu')
@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 class="active">
            <a href="/rendezvousAccueil"><i class="glyphicon glyphicon-book"></i> Création Rendez-Vous</a>
        </li>
        <li>
            <a href="/rendezvous/dejaCree/liste"><i class="glyphicon glyphicon-list-alt"></i> Liste Rendez-Vous</a>
        </li>
    </ul>
</div>

<div class="box col-md-12">
    <div class="box-inner">
        <div class="box-content">
            @livewire('search-on-soc-for-rendezvous')

            <!-- Pour la création d'un rendez-vous -->
            <div class="modal fade" id="creation" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">×</button>
                            <h3>Prendre un Rendez-vous</h3>
                        </div>
                        <div class="modal-body">
                            <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 Rendez-vous</label>
                                    <div class="nk-int-st">
                                        <input type="datetime-local" id="ladate" name="daterdv"
                                            class="form-control input-sm"
                                            style="border-color:gold;border-width:1px;border-style:solid"
                                            onkeyup="keyUpHandler(this)">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Commentaire sur le rendez-vous</label>
                                    <div class="nk-int-st">
                                        <textarea id="observation" name="description" class="form-control" rows="10"
                                            cols="20"></textarea>
                                    </div>
                                </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>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection


<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=idets]").is(":checked")) {

            //alert('jodel');
            //its checked
        }
        $("input:radio[name=id]").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.descrip);
                    $(`#type option[value='${result.type}']`).prop('selected', true);
                    // $("input:radio[name=observation]").val(result.type);
                    // alert(result.daterdv);

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

                }
            });
        });


    })

</script>