@extends('layouts.master')

@section('pagetitle')
    Coordonnées Banque (Paiement en ligne) - {{ 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 EN LIGNE)</h2>

                    @include('partials.errors')
                    @include('partials.infos')
                    
                    <div class="row">
                            <div class="col-md-7">
                                <div class="panel panel-default">
                                    <div class="panel-heading">1. Configurez votre boutique PayGreen</div>
                                    <div class="panel-body">     
                                        Afin d'assurer les paiements en ligne en toute sécurité, nous avons pensé à intégrer un service qui vous permet d’encaisser les paiements de vos clients simplement tout en valorisant votre enseigne. Ce service a été developpé par PayGreen, une entreprise française qui a proposée cette solution de paiement à destination des e-commerces.
                                        <hr />
                                        Maintenant, vous êtes sur le point de configurer votre boutique PayGreen :<br />
                                        1. Rendez-vous sur <a href="http://paygreen.io/" target="_blank">le site officiel de PayGreen</a>.<br />
                                        2. Inscrivez vous gratuitement en cliquant sur le bouton <b>Inscription</b>. <i>(en haut à droite)</i><br />
                                        3. Connectez vous.<br />
                                        4. Suivez les étapes de configuration et entrez toutes les infomations demandées<br />
                                        5. Quand c'est fini, cliquez sur <b>Activer PayGreen</b> <i>(en haut à gauche)</i> afin d'activer votre compte. (voir la capture en dessous)<br />
                                        <img src="{{ asset('/img/activer_paygreen.jpg') }}" class="img-responsive" alt="">
                                        6. Dès que votre compte est activé, cliquez sur <b>Tableau de bord</b> <i>(dans le menu)</i> et copiez-collez içi les valeurs de votre identifiant unique et la clé privée dans les champs appropriés (voir la capture en dessous)<br />
                                        <img src="{{ asset('/img/copypaste_paygreen.jpg') }}" class="img-responsive" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-5">
                                <div class="panel panel-default">
                                    <div class="panel-heading">2. Coller vos informations</div>
                                        <div class="panel-body">
                                            <form method="POST" action="{{ url('/savecordbanqueenligne') }}" class="form-horizontal" >
                                            {{ csrf_field() }}
                                            <div class="form-horizontal">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">Identifiant unique</label>
                                                    <div class="col-sm-8">
                                                        @if($cordbanque != null)
                                                            <input type="text" required name="uid" value="{{ $cordbanque->uid }}" class="form-control" placeholder="Votre identifiant unique PayGreen">
                                                        @else
                                                            <input type="text" required name="uid" class="form-control" placeholder="Votre identifiant unique PayGreen">
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="hr-dashed"></div>
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">Confirmer</label>
                                                    <div class="col-sm-8">
                                                        @if($cordbanque != null)
                                                            <input type="text" required name="confirm_uid" value="{{ $cordbanque->uid }}" class="form-control" placeholder="Confirmer votre identifiant unique">
                                                        @else
                                                            <input type="text" required name="confirm_uid" class="form-control" placeholder="Confirmer votre identifiant unique">
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="hr-dashed"></div>
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">Clé privée</label>
                                                    <div class="col-sm-8">
                                                        @if($cordbanque != null)
                                                            <input type="text" required name="pk" value="{{ $cordbanque->pk }}" class="form-control" placeholder="Votre clé privée PayGreen">
                                                        @else
                                                            <input type="text" required name="pk" class="form-control" placeholder="Votre clé privée PayGreen">
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="hr-dashed"></div>
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">Confirmer</label>
                                                    <div class="col-sm-8">
                                                        @if($cordbanque != null)
                                                            <input type="text" required name="confirm_pk" value="{{ $cordbanque->pk }}" class="form-control" placeholder="Confirmer votre clé privée">
                                                        @else
                                                            <input type="text" required name="confirm_pk" class="form-control" placeholder="Confirmer votre clé privée">
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <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