@extends('layouts.frontend-member')

@section('title', __('message.deposit'))

@section('content')
        <div class="page-content">
            <h5 class="py-2 text-bg-dark text-center">
            <div class="nav-button"><a href="{{route('member.account')}}"><i class="bi bi-arrow-left" style="color:white;float:left;margin-left:15px;"></i></a></div>
            {{__('message.deposit')}}
            @include('frontend.inc.change-language')
        </h5>

        <div class="card rounded-3 border-0 bg-transparent" style="padding:0px 7px;margin-top: 10px;">
            <div class="card-body p-0">
                <form action="{{route('member.deposit-money.store')}}" method="post" enctype="multipart/form-data">
                    {{ csrf_field() }}   
                    <input type="hidden" name="cash_type" value="cash_in"/>                
                    <div class="row row-cols-1 g-3">
                        <div class="col">
                            <div class="form-floating">
                                <input type="number" class="form-control rounded-3 number-only" id="floatingInputNumber" name="amount"
                                    placeholder="{{__('message.amount')}}" required>
                                <label for="floatingInputNumber" >{{__('message.amount')}}</label>
                            </div>
                        </div> 
                        <div class="col" style="text-align:center;">
                            <label>{{__('message.slip')}}</label>
                            <div class="form-floating">

                                <input type="file" size="50" style="display: none" name="image" id="formFilefav" onchange="previewfav()">
                                <img src="{{asset('images/no_image.png')}}" style="width:200px;" style="cursor: pointer;" id="framefav">
                                

                            </div>
                        </div>  
                        <div class="col">
                            <br/>
                            <div class="form-floating" style="text-align: center;margin-bottom: 10px;">
                                <button type="submit" class="btn" style="background-color: #53a8c7;color: #ffffff;">
                                    <!-- <img src="/save.png"> -->
                                    <i class="bi bi-download"></i>
                                    {{__('message.save')}}
                                </button>
                                <a href="{{route('member.account')}}" class="btn btn-danger">
                                    <i class="bi bi-backspace-reverse"></i> 
                                    {{__('message.cancel')}}
                                </a>
                            </div>
                        </div>                        
                    </div>
                </form>
            </div>
        </div>

    </div>
@include('app.sweetAlert')
<script type="text/javascript">
    $('#framefav').click(function(){
        $('#formFilefav').click();
    });
    function previewfav() {
        framefav.src = URL.createObjectURL(event.target.files[0]);
    }

    
</script>
@endsection