@extends('layouts.master')

@section('sidebar')
    @parent

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

@section('content')

<div class="row">
    <div class="col-lg-6 offset-3">
        <div class="card">
            <div class="card-header bg-info">
                <h4 class="mb-0 text-white">Dépôt</h4>
            </div>
                <div class="form-body">
                    <div class="card-body" style="display:flex; justify-content: space-between;">
                        <h4 class="card-subtitle">Balance Actuelle : <b>{{$balance}}</b> <small style="color:green;">htg</small></h4>
                        <!-- <div><a href="#"  alt="default" data-toggle="modal" data-target="#depot-modal">Voir plus</a></div> -->
                    </div>
                    <hr class="mt-0 mb-2">
                    <div class="card-body">
                        <small class="card-subtitle">Entrer le montant et confirmer le svp.</small>
                        <form method="POST" action="dotransaction">
                            @csrf
                            <div class="form-group">
                                <label class="control-label">Montant *</label>
                                <input type="number" name="montant" class="form-control" placeholder="Entrer Montant ici" />
                            </div>
                            <div class="form-group">
                                <label for="recipient-name" class="control-label">Confirmer montant *</label>
                                <input type="number" name="confirmermontant" class="form-control" placeholder="Entrer Montant ici" />
                            </div>
                            <input type="number" name="id_banque" value="{{$id_banque}}" hidden/>
                            <input type="text" name="type_transaction" value="DEPOT" hidden/>
                            <br/>
                            <div class="form-group ">
                                <a href="{{url('balancebanque')}}" class="btn btn-dark float-lg-left"> <i class="fa fa-pencil"></i> Quitter </a>  
                                <button type="submit" class="btn btn-success float-lg-right"> <i class="fa fa-pencil"></i> Effectuer Dépôt</button>         
                            </div><br/>
                        </form>
                    </div>
                </div>
        </div>
    </div>
    
</div>
<!-- Row -->

<!-- depot modal content -->
<!-- <div id="depot-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Effectuer le dépôt</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                
            </div>
            <div class="modal-body">
                <br/>
                <form>
                    <div class="form-group">
                        <label for="example-month-input2" class="control-label">Banque *</label>
                        <select class="custom-select col-12" id="example-month-input2">
                            <option selected="">Selectionner Banque</option>
                            <option value="1">One</option>
                            <option value="2">Two</option>
                            <option value="3">Three</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="recipient-name" class="control-label">Montant *</label>
                        <input type="text" class="form-control" id="recipient-name">
                    </div>
                    <div class="form-group">
                        <label for="recipient-name" class="control-label">Confirmer montant *</label>
                        <input type="text" class="form-control" id="recipient-name">
                    </div>
                    <div class="form-group text-center">
                        <small>Banque 00x</small>
                        <p class="text-danger">Balance 20 000 htg</p>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Fermer</button>
                <button type="button" class="btn btn-info waves-effect waves-light">Enregistrer</button>
            </div>
        </div>
    </div>
</div> -->
<!-- /.modal -->

<!-- depot modal content -->
<!-- <div id="pae-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Effectuer PEA</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                
            </div>
            <div class="modal-body">
                <br/>
                <form>
                    <div class="form-group">
                        <label for="example-month-input2" class="control-label">Banque *</label>
                        <select class="custom-select col-12" id="example-month-input2">
                            <option selected="">Selectionner Banque</option>
                            <option value="1">One</option>
                            <option value="2">Two</option>
                            <option value="3">Three</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="recipient-name" class="control-label">Montant *</label>
                        <input type="text" class="form-control" id="recipient-name">
                    </div>
                    <div class="form-group">
                        <label for="recipient-name" class="control-label">Confirmer montant *</label>
                        <input type="text" class="form-control" id="recipient-name">
                    </div>
                    <div class="form-group text-center">
                        <small>Banque 00x</small>
                        <p class="text-danger">Balance 20 000 htg</p>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Fermer</button>
                <button type="button" class="btn btn-info waves-effect waves-light">Enregistrer</button>
            </div>
        </div>
    </div>
</div> -->
<!-- /.modal -->

@stop