@extends('layouts.dashboard')

@section('dashboard')

    @if(session('message'))
        <div class="alert alert-success mb-3">
            {{ session('message') }}
        </div>
    @endif
	<ul class="breadcrumb m-0 p-0">
	    <li><a href="/dashboard">Home</a></li>
	    <li><strong>Medios de Pagos</strong></li>
	</ul>
	<h1 class="titulo-h1 mb-4">Medios de Pagos</h1>
	<form class="form-registro" method="post" action="{{ route('medios-pago-editado') }}">
		{{ csrf_field() }}
	    <div class="card">
	    	<h4 class="p-3">WebPay</h3>
	        <div class="card-body">
	            <div class="row align-items-center">
	                <div class="col-auto form-group">
	                    <label for="estado-wp" class="text-uppercase mb-1">Estado:</label>
	                </div>
	                <div class="col-md form-group">
	                	<select name="estado-wp" id="estado-wp" class="form-control select2">
	                		<option value="">-- Estado --</option>
	                		<option value="habilitado">Habilitado</option>
	                		<option value="deshabilitado">Deshabilitado</option>
	                	</select>
	                </div>
	                <div class="col-auto form-group">
	                    <label for="ambiente-wp" class="text-uppercase mb-1">Ambiente:</label>
	                </div>
	                <div class="col-md form-group">
	                	<select name="ambiente-wp" id="ambiente-wp" class="form-control select2">
	                		<option value="">-- Ambiente --</option>
	                		<option value="integracion">Integración</option>
	                		<option value="produccion">Producción</option>
	                	</select>
	                </div>
	               	<div class="col-auto form-group">
	                    <label for="codigo-comercio-wp" class="text-uppercase mb-1">Codigo Comercial:</label>
	                </div>
	                <div class="col-md form-group">
	                    <input type="number" name="codigo-comercio-wp" id="codigo-comercio-wp" class="form-control">
	                </div>
	                <div class="col-12 form-group">
	                	<label for="api-key-wp" class="text-uppercase mb-1">API Key:</label>
	                    <input type="text" name="api-key-wp" id="api-key-wp" class="form-control">
	                </div>
	            </div>
	        </div>
	    </div>
	    <div class="card mt-4">
	    	<h4 class="p-3">Mercado Pago</h3>
	        <div class="card-body">
	            <div class="row align-items-center">
	                <div class="col-auto form-group">
	                    <label for="estado-mp" class="text-uppercase mb-1">Estado:</label>
	                </div>
	                <div class="col-md-3 form-group">
	                	<select name="estado-mp" id="estado-mp" class="form-control select2">
	                		<option value="">-- Estado --</option>
	                		<option value="habilitado">Habilitado</option>
	                		<option value="deshabilitado">Deshabilitado</option>
	                	</select>
	                </div>
	                <div class="col-auto form-group">
	                    <label for="ambiente-mp" class="text-uppercase mb-1">Ambiente:</label>
	                </div>
	                <div class="col-md-3 form-group">
	                	<select name="ambiente-mp" id="ambiente-mp" class="form-control select2">
	                		<option value="">-- Ambiente --</option>
	                		<option value="integracion">Integración</option>
	                		<option value="produccion">Producción</option>
	                	</select>
	                </div>
	            </div>
	            <div class="row align-items-center">
	               	<div class="col-auto form-group">
	                    <label for="token-test-mp" class="text-uppercase mb-1">Access Token Test:</label>
	                </div>
	                <div class="col-md form-group">
	                    <input type="text" name="token-test-mp" id="token-test-mp" class="form-control">
	                </div>
	            </div>
	            <div class="row align-items-center">
	               	<div class="col-auto form-group">
	                    <label for="token-prod-mp" class="text-uppercase mb-1">Access Token Prod:</label>
	                </div>
	                <div class="col-md form-group">
	                    <input type="text" name="token-prod-mp" id="token-prod-mp" class="form-control">
	                </div>
	            </div>
	            <div class="row align-items-center">
	               	<div class="col-auto form-group">
	                    <label for="public-key-mp" class="text-uppercase mb-1">Public Key:</label>
	                </div>
	                <div class="col-md form-group">
	                    <input type="text" name="public-key-mp" id="public-key-mp" class="form-control">
	                </div>
	            </div>
	        </div>
	    </div>
		<div class="card mt-4">
	    	<h4 class="p-3">Getnet</h3>
	        <div class="card-body">
	            <div class="row align-items-center">
	                <div class="col-auto form-group">
	                    <label for="estado-gn" class="text-uppercase mb-1">Estado:</label>
	                </div>
	                <div class="col-md-3 form-group">
	                	<select name="estado-gn" id="estado-gn" class="form-control select2">
	                		<option value="">-- Estado --</option>
	                		<option value="habilitado">Habilitado</option>
	                		<option value="deshabilitado">Deshabilitado</option>
	                	</select>
	                </div>
	                <div class="col-auto form-group">
	                    <label for="ambiente-gn" class="text-uppercase mb-1">Ambiente:</label>
	                </div>
	                <div class="col-md-3 form-group">
	                	<select name="ambiente-gn" id="ambiente-gn" class="form-control select2">
	                		<option value="">-- Ambiente --</option>
	                		<option value="integracion">Integración</option>
	                		<option value="produccion">Producción</option>
	                	</select>
	                </div>
	            </div>
	            <div class="row align-items-center">
	               	<div class="col-auto form-group">
	                    <label for="login-gn" class="text-uppercase mb-1">Login:</label>
	                </div>
	                <div class="col-md form-group">
	                    <input type="text" name="login-gn" id="login-gn" class="form-control">
	                </div>
	            </div>
	            <div class="row align-items-center">
	               	<div class="col-auto form-group">
	                    <label for="tran-key-gn" class="text-uppercase mb-1">Tran Key:</label>
	                </div>
	                <div class="col-md form-group">
	                    <input type="text" name="tran-key-gn" id="tran-key-gn" class="form-control">
	                </div>
	            </div>
	        </div>
	    </div>
	    <div class="card mt-4">
	    	<h4 class="p-3">Transferencia Bancaria</h3>
	        <div class="card-body">
	            <div class="row align-items-center">
        			<div class="col-auto form-group">
	                    <label for="estado-tb" class="text-uppercase mb-1">Estado:</label>
	                </div>
	                <div class="col-md-3 form-group">
	                	<select name="estado-tb" id="estado-tb" class="form-control select2">
	                		<option value="">-- Estado --</option>
	                		<option value="habilitado">Habilitado</option>
	                		<option value="deshabilitado">Deshabilitado</option>
	                	</select>
	                </div>
	                <div class="col-12 form-group">
	                	<label for="transferencia" class="text-uppercase mb-1">Datos de la Transferencia Bancaria:</label>
	                    <textarea name="transferencia" id="transferencia" class="form-control jqte-test" rows="6">{{ $tb_datos }}</textarea>
	                </div>
	            </div>
	        </div>
	    </div>
        <div class="text-right mt-4">
            <button type="submit" class="btn btn-primary btn-sm">Guardar cambios</button>
        </div>
    </form>

@endsection