@extends('layouts.master')

@section('pagetitle')
    Coordonnées Banque (Paiement par TPE) - {{ Auth::user()->etab()->first()->nom }}
@endsection

@section('topband')
    @include('partials.topband_con')
@endsection

@section('sidebar')
    @include('partials.sidebar_con', ['open' => 'cord_banque'])
@endsection

@section('content')
    <div class="content-wrapper">
        <div class="container-fluid">

            <div class="row">
                <div class="col-md-12">
                
                    <h2 class="page-title text-center">COORDONNÉES BANQUE (EN CAS DE PAIEMENT PAR TPE)</h2>

                    @include('partials.errors')
                    @include('partials.infos')
                    
                    <div class="row">
                            <div class="col-md-6">
                                <div class="panel panel-default">
                                    <div class="panel-heading">Coordonnées de votre banque</div>
                                    <div class="panel-body">
                                        <form method="POST" action="{{ url('/savecordbanque') }}" class="form-horizontal" >
                                            {{ csrf_field() }}
                                                <div class="form-group">
                                                    <label class="col-sm-3 control-label">Nom</label>
                                                    <div class="col-sm-9">
                                                        @if($cordbanque != null)
                                                            <input type="text" name="nom" autofocus value="{{ $cordbanque->nom }}" placeholder="Nom de votre banque" class="form-control">
                                                        @else
                                                            <input type="text" name="nom" autofocus placeholder="Nom de votre banque" class="form-control">
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="hr-dashed"></div>
                                                <div class="form-group">
                                                    <label class="col-sm-3 control-label">Adresse</label>
                                                    <div class="col-sm-9">
                                                        @if($cordbanque != null)
                                                            <input type="text" value="{{ $cordbanque->adresse }}" name="adresse" placeholder="Adresse de votre banque" class="form-control">
                                                        @else
                                                            <input type="text" name="adresse" placeholder="Adresse de votre banque" class="form-control">
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="hr-dashed"></div>
                                                <div class="form-group">
                                                    <label class="col-sm-3 control-label">Pays</label>
                                                    <div class="col-sm-9">
                                                        <select class="form-control" name="pays">
                                                            <option value="France">France</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="hr-dashed"></div>
                                                <div class="form-group">
                                                    <label class="col-sm-3 control-label">Ville</label>
                                                    <div class="col-sm-9">
                                                        @if($cordbanque != null)
                                                            <input type="text" name="ville" value="{{ $cordbanque->ville }}" id="villeTextView" value="" autocomplete="on" placeholder="Ville de votre banque" class="form-control">
                                                        @else
                                                            <input type="text" name="ville" id="villeTextView" value="" autocomplete="on" placeholder="Ville de votre banque" class="form-control">
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="hr-dashed"></div>
                                                <div class="form-group">
                                                    <label class="col-sm-3 control-label">Code Postal</label>
                                                    <div class="col-sm-9">
                                                        @if($cordbanque != null)
                                                            <input type="text" name="code_postal" value="{{ $cordbanque->code_postal }}" placeholder="Code postal de la ville" class="form-control">
                                                        @else
                                                            <input type="text" name="code_postal" placeholder="Code postal de la ville" class="form-control">
                                                        @endif
                                                    </div>
                                                </div>

                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="panel panel-default">
                                    <div class="panel-heading">Informations Personnelles</div>
                                        <div class="panel-body">
                                        
                                            <div class="form-horizontal">
                                            
                                                <div class="form-group">
                                                    <label class="col-sm-3 control-label">RIB</label>
                                                    <div class="col-sm-9">
                                                        @if($cordbanque != null)
                                                            <input type="text" name="rib" id="rib" value="{{ $cordbanque->rib }}" class="form-control" placeholder="Votre relevé d'identité bancaire">
                                                        @else
                                                            <input type="text" name="rib" id="rib" class="form-control" placeholder="Votre relevé d'identité bancaire">
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="hr-dashed"></div>
                                                <div class="form-group">
                                                    <label class="col-sm-3 control-label">IBAN</label>
                                                    <div class="col-sm-9">
                                                        @if($cordbanque != null)
                                                            <input type="text" name="iban" id="iban" value="{{ $cordbanque->iban }}" class="form-control" placeholder="Votre numéro de compte bancaire international">
                                                        @else
                                                            <input type="text" name="iban" id="iban" class="form-control" placeholder="Votre numéro de compte bancaire international">
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="hr-dashed"></div>
                                                <div class="form-group">
                                                    <label class="col-sm-3 control-label">BIC (SWIFT)</label>
                                                    <div class="col-sm-9">
                                                        @if($cordbanque != null)
                                                            <input type="text" name="bic" value="{{ $cordbanque->bic }}" class="form-control" placeholder="L'identifiant international de votre banque">
                                                        @else
                                                            <input type="text" name="bic" class="form-control" placeholder="L'identifiant international de votre banque">
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyAyymKTjrRe2dYJkSHXOAWS648f1ZX4mSM"></script>

                    <script type="text/javascript">
                        function init() {
                            var options = {
                              types: ['(cities)'],
                              componentRestrictions: {country: 'fr'}
                            };
                            var input = document.getElementById('villeTextView');
                            var autocomplete = new google.maps.places.Autocomplete(input, options);
                        }
                        google.maps.event.addDomListener(window, 'load', init);
                    </script>

                    <div class="row col-md-8 col-md-push-2">
                        <button style="font-size:15px;" class="btn btn-primary btn-block" type="submit">ENREGISTRER</button>
                    </div>
                </form>
            </div>

        @include('partials.footer')
            
        </div>
    </div>
@endsection