@extends('layouts.admin')
@section('content')
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        <x-page.header>Search For Student</x-page.header>
        @include('admin.errors.form-errors')

        <div class="row">
            <div class="col-md-12">
                @if ($unPaid_salfny)
                <div class="alert alert-outline-danger">
                    @if ($unPaid_salfny->total > 0)
                    This student has <b>({{$unPaid_salfny->total}} EGP)</b> un paid amount <br>
                    @endif
                    @if ($unPaid_salfny->total_aed > 0)
                    This student has <b>({{$unPaid_salfny->total_aed}} AED)</b> un paid amount <br>
                    @endif
                </div>
                @endif
                <div class="card">

                    <div class="card-body">
                        <form enctype="multipart/form-data" method="POST"
                            action="{{route('admin.manual-recharge.post')}}" class="form-horizontal" id="create_form">
                            @csrf
                            <input type="hidden" name="student" value="{{$student}}">
                            <div class="form-group">
                                <label class="form-label mt-2 font-weight-bold">use salfny service<i class="text-danger"></i></label>
                                <label class="form-swich">
                                <input type="checkbox" id="is_salfny" name="is_salfny" class="form-switch-input" checked>
                                <span class="form-switch-indicator"></span>
                                <span class="form-switch-description"></span>
                                </label>
                            </div>

                            <div class="form-group">
                                <label for="student" class=" mt-3 mb-sm-1"> Recharge Amount in <b>{{ $currency == 1 ? 'AED' : 'EGP'}}</b> <i
                                        class="text-danger">(required)</i> </label>
                                <input type="number" class="form-control" min="1" step=".01" name="amount" placeholder="50 {{ $currency == 1 ? 'AED' : 'EGP'}}" required />
                            </div>

                            <div class="form-group" id="reason_input" style="display: none">
                                <label for="reason" class=" mt-3 mb-sm-1"> Reason<i
                                    class="text-danger">(required)</i> </label>
                                 <input type="text" name="reason" class="form-control" placeholder="....." />
                            </div>

                            <div class="form-group mb-0 row justify-content-end">
                                <div class="col-md-3">
                                    <button type="submit" class="btn btn-primary waves-effect waves-light">Recharge</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@section('admin-js')
<script>
    $('#is_salfny').on('change',function(){
        if($(this).is(':checked')){
            $('#reason_input').css('display','none')
        }else{
            $('#reason_input').css('display','block')
            $('#reason_input').attr('required',true)

        }
    })
</script>

@endsection