@extends('layout')
@section('title','NEKA CAECE')
@section('content')
<link href="library/bootstrap-5/bootstrap.min.css" rel="stylesheet" />
<script src="library/bootstrap-5/bootstrap.bundle.min.js"></script>
<script src="library/dselect.js"></script>

@if (session('status'))
<div class="alert alert-success">
    {{(session('status'))}}
</div>

@endif

@if (session('dange'))
<div class="alert alert-danger">
    {{(session('dange'))}}
</div>

@endif

<div class="container">
    <div class="card" style="padding:50px">
        <h1 align="center">Faire un Depot</h1><br />
        <div class="box">
            <form action="{{asset('store_depot')}}" method="POST">
                @csrf
                <div class="form-group">
                    <label>Compte</label>
                    <select name="compte_id" class="form-select" id="select_box" type="text" required
                        data-parsley-trigger="keyup">
                        <option value="">Choisissez le compte...</option>
                        @foreach ($compte as $a)


                        <option value="{{$a->id}}">{{$a->num_compte}} {{$a->user->nom}} {{$a->user->prenom}}
                        </option>
                        @endforeach

                    </select>
                </div>
                <br>
                <div class="form-group">
                    <label>Montant</label>
                    <input type="number" min="0" name="mdepot" placeholder="Montant du Depot" required
                        data-parsley-trigger="keyup" class="form-control" />
                </div>



                <div class="form-group">
                    <label>Type-depot</label>
                    <select name="typs_depot" id="" type="text" required data-parsley-trigger="keyup"
                        class="form-control">

                        <option value="">Paiement par ...</option>
                        <option value="Espece">Espece</option>
                        <option value="Cheque">Cheque</option>
                    </select>
                </div>
                <br>


                <br>
                <div class="form-group">
                    <label>Date Depot:</label>
                    <input type="date" name="date_depot" placeholder="Date du Depot" required
                        data-parsley-trigger="keyup" class="form-control" />
                </div></textarea>
                <br>


                <div class="form-group">
                    <center>
                        <input type="submit" value="Envoyer" id="submit" class="btn-success" />
                </div>
                </center>

                <div class="links">
                    <a href="listedepot"><u>Liste des depots</u></a>

                </div>



            </form>
        </div>

    </div>


</div>
<script>
    var select_box_element = document.querySelector('#select_box');

    dselect(select_box_element, {
        search: true
    });

</script>

@stop