@extends('layouts.app')

@section('title')
    {{ __('Chỉnh sửa cấu hình giao dịch') }}
@endsection

@section('configure')
    active
@endsection

@section('section.header')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>{{ __('Cấu hình giao dịch') }}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a
                                href="{{ route('app.configure.index') }}">{{ __('Cấu hình giao dịch') }}</a></li>
                        <li class="breadcrumb-item active">{{ __('Chỉnh sửa') }}</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('section.content')
    <section class="content">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">{{ __('Chỉnh sửa cấu hình giao dịch') }}</h3>
                    </div>
                    <div class="card-body">
                        @if (Session::has('success'))
                            <div id="message-alert" class="alert alert-success">
                                {{ Session::get('success') }}
                            </div>
                        @endif
                        @if (Session::has('error'))
                            <div id="message-alert" class="alert alert-danger">
                                {{ Session::get('error') }}
                            </div>
                        @endif
                        <form action="{{ route('app.configure.update', ['configure' => $configBank->id]) }}" class="row"
                            method="POST">
                            @csrf
                            @method('PUT')
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label for="type">{{ __('Ví/Ngân hàng') }}</label>
                                    <select name="type" class="form-control" disabled>
                                        <option value="wallet" @if ($configBank->type == 'wallet') selected @endif>
                                            {{ __('Ví điện tử') }}</option>
                                        <option value="bank" @if ($configBank->type == 'bank') selected @endif>
                                            {{ __('Ngân hàng') }}</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label for="name">{{ __('Mã') }}</label>
                                    <input type="text" class="form-control" name="name" id="name"
                                        value="{{ $configBank->name }}" disabled>
                                    @error('name')
                                        <span class="badge bg-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="display_name">{{ __('transaction_type') }}</label>
                                    <input type="text" class="form-control" name="display_name" id="display_name"
                                        value="{{ $configBank->display_name }}" disabled>
                                    @error('display_name')
                                        <span class="badge bg-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label
                                                for="transaction_out_limit">{{ __('Giới hạn giao dịch out/ngày') }}</label>
                                            <input type="number" class="form-control" name="transaction_out_limit"
                                                placeholder="{{ __('Nhập giới hạn giao dịch out/ngày') }}"
                                                id="transaction_out_limit"
                                                value="{{ $configBank->transaction_out_limit }}">
                                            @error('transaction_out_limit')
                                                <span class="badge bg-danger">* {{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="bank-code">{{ __('Bank Code') }}</label>
                                            <input type="text" class="form-control" name="bank_code" id="bank_code"
                                                placeholder="{{ __('Nhập bank code') }}"
                                                value="{{ $configBank->bank_code }}">
                                            @error('bank_code')
                                                <span class="badge bg-danger">* {{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="time_out">{{ __('Time out (giây)') }}</label>
                                    <input type="number" class="form-control" name="time_out" id="time_out"
                                        value="{{ $configBank->time_out }}">
                                    @error('time_out')
                                        <span class="badge bg-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label for="amount_in_from">{{ __('Mức giao dịch IN- Từ') }}</label>
                                    <input type="text" class="form-control" name="amount_in_from" id="amount_in_from"
                                        value="{{ number_format($configBank->amount_in_from) }}" pattern="[0-9,.]+">
                                    @error('amount_in_from')
                                        <span class="badge bg-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label for="amount_in_to">{{ __('Đến') }}</label>
                                    <input type="text" class="form-control" name="amount_in_to" id="amount_in_to"
                                        pattern="[0-9,.]+" value="{{ number_format($configBank->amount_in_to) }}">
                                    @error('amount_in_to')
                                        <span class="badge bg-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label for="amount_in_from">{{ __('Mức giao dịch OUT- Từ') }}</label>
                                    <input type="text" class="form-control" name="amount_out_from"
                                        id="amount_out_from" value="{{ number_format($configBank->amount_out_from) }}"
                                        pattern="[0-9,.]+">
                                    @error('amount_out_from')
                                        <span class="badge bg-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label for="amount_in_to">{{ __('Đến') }}</label>
                                    <input type="text" class="form-control" name="amount_out_to" id="amount_out_to"
                                        pattern="[0-9,.]+" value="{{ number_format($configBank->amount_out_to) }}">
                                    @error('amount_out_to')
                                        <span class="badge bg-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label for="amount_limit_day">{{ __('Hạn mức ngày') }}</label>
                                    <input type="text" class="form-control" name="amount_limit_day"
                                        id="amount_limit_day" value="{{ number_format($configBank->amount_limit_day) }}"
                                        pattern="[0-9,.]+">
                                    @error('amount_limit_day')
                                        <span class="badge bg-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label for="amount_limit_month">{{ __('Hạn mức tháng') }}</label>
                                    <input type="text" class="form-control" name="amount_limit_month"
                                        id="amount_limit_month"
                                        value="{{ number_format($configBank->amount_limit_month) }}" pattern="[0-9,.]+">
                                    @error('amount_limit_month')
                                        <span class="badge bg-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label for="amount_auto_withdraw">{{ __('Số tiền tự động rút') }}</label>
                                    <input type="text" class="form-control" name="amount_auto_withdraw"
                                        id="amount_auto_withdraw"
                                        value="{{ number_format($configBank->amount_auto_withdraw) }}"
                                        pattern="[0-9,.]+">
                                    @error('amount_auto_withdraw')
                                        <span class="badge bg-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-lg-1">
                                <div class="form-group">
                                    <label for="status">{{ __('status') }}</label>
                                    <label class="switch">
                                        <input type="checkbox" name="status" id="status"
                                            {{ $configBank->status == 1 ? 'checked' : '' }}>
                                        <span class="slider round"></span>
                                    </label>
                                </div>
                            </div>

                            <div class="col-lg-1">
                                <div class="form-group">
                                    <label for="is_auto_withdraw">{{ __('Tự động rút tiền') }}</label>
                                    <label class="switch">
                                        <input type="checkbox" name="is_auto_withdraw" id="is_auto_withdraw"
                                            {{ $configBank->is_auto_withdraw == 1 ? 'checked' : '' }}>
                                        <span class="slider round"></span>
                                    </label>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <div class="text-center">
                                    <button class="btn btn-success" type="submit">{{ __('Cập nhật') }}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection


@section('styles')
    <style type="text/css">
        .form-group label {
            flex: 1;
            display: block;
            margin-right: 10px;
        }

        .switch {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 34px;
        }


        .switch input {
            display: none;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

        input:checked+.slider {
            background-color: #2196F3;
        }

        input:focus+.slider {
            box-shadow: 0 0 1px #2196F3;
        }

        input:checked+.slider:before {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(26px);
        }

        /* Rounded sliders */
        .slider.round {
            border-radius: 34px;
        }

        .slider.round:before {
            border-radius: 50%;
        }
    </style>
@endsection