@extends('admin.layouts.app')
@section('title', 'Cash')
@push('styles')
    <!-- DataTables -->
    @include('datatable.css.data_table_css')
@endpush
@section('container')
    <!-- Page-Title -->
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <div class="float-end">

                </div>
                <h4 class="page-title">Cash</h4>
            </div>
            <!--end page-title-box-->
        </div>
        <!--end col-->
    </div>
    <!-- end page title end breadcrumb -->

    <div class="row">
        @if (session('success'))
            <div class="alert alert-info">
                <ul>
                    {{ session('success') }}
                </ul>
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">
                <ul>
                    {{ session('error') }}
                </ul>
            </div>
        @endif
    </div>
    {{-- <div class="row">
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div> --}}

    <div class="row">
        <div class="col-lg-12">
                <div class="card">
                    <!--end card-header-->
                    <div class="card-body">
                        <form method="POST" action="{{ route('cash.store') }}" class="form" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="mb-2">
                                        <label for="name" class="mb-2">Cash<span
                                                class="text-danger">*</span></label>
                                        <input class="form-control" type="text" id="name" name="name" readonly
                                            value="{{$cash->amount??0}}" placeholder="Enter unit name">
                                        @error('name')
                                            <p class="mt-1 text-danger">{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3" style="margin-top: 30px;">
                                    <div class="mb-2">
                                        <button type="button" class="btn btn-sm btn-dark btn_withdraw_investment" data-type="withdraw">Withdraw</button>
                                        <button type="button" class="btn btn-sm btn-dark btn_withdraw_investment" data-type="investment">Investment</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <hr>
                        <form action="">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>Start Date</label>
                                        <input type="date" name="start_date" class="form-control" value="{{ request('start_date') ?? date('Y-m-d') }}">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>End Date</label>
                                        <input type="date" name="end_date" class="form-control" value="{{ request('end_date') ?? date('Y-m-d') }}">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <button style="margin-top: 20px;" class="btn btn-info" type="submit">Search</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="row">
                            <div class="col-md-6">
                                <h2 class="text-center">Withdraw Information</h2>
                                <table id="table1" class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <td>Date</td>
                                            <td>Amount</td>
                                            <td>Note</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($withdraws as $withdraw)
                                            <tr>
                                                <td>{{ date('d-m-Y',strtotime($withdraw->date)) }}</td>
                                                <td>{{ number_format($withdraw->amount,2) }}</td>
                                                <td>{{ $withdraw->note }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
{{--                                {{ $withdraws->links() }}--}}
                            </div>
                            <div class="col-md-6">
                                <h2 class="text-center">Investment Information</h2>
                                <table id="table2" class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <td>Date</td>
                                            <td>Amount</td>
                                            <td>Note</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($investments as $investment)
                                            <tr>
                                                <td>{{ date('d-m-Y',strtotime($investment->date)) }}</td>
                                                <td>{{ number_format($investment->amount,2) }}</td>
                                                <td>{{ $investment->note }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
{{--                                {{ $investments->links() }}--}}
                            </div>
                        </div>
                    </div>
                    {{-- <div class="card-footer">
                        <div class="text-end">
                            <button class="btn btn-primary" type="submit">Add Cash</button>
                        </div>
                    </div> --}}
                    <!--end card-body-->
                </div>
                <!--end card-->


                <!--end card-->

            <!--end form-->
        </div> <!-- end col -->
    </div> <!-- end row -->
    <div class="modal fade" id="modal-pay">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Investment Information</h4>
                    <button type="button" class="btn btn-sm btn-danger close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <form id="modal-form" enctype="multipart/form-data" name="modal-form">
                        <input type="hidden" name="type" id="type">
                        <div class="form-group row">
                            <label>Amount</label>
                            <input class="form-control" name="amount" id="amount" placeholder="Enter Amount">
                        </div>
                        <div class="form-group row">
                            <label>Date</label>
                            <div class="input-group date">
                                <div class="input-group-addon">
                                    <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" class="form-control pull-right" id="date" name="date" value="{{ date('Y-m-d') }}" autocomplete="off">
                            </div>
                            <!-- /.input group -->
                        </div>

                        <div class="form-group row">
                            <label>Note</label>
                            <input class="form-control" name="note" placeholder="Enter Note">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-sm btn-dark pull-left close" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-sm btn-primary" id="modal-btn-pay">Pay</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
@endsection
@push('scripts')
    @include('datatable.js.data_table_js')
    <script>
        $(function () {
            $('#table1').DataTable();
            $('#table2').DataTable();
        })
    </script>
    <script>
        $(function () {

            $('body').on('click', '.btn_withdraw_investment', function () {
                var type = $(this).data('type');
                if(type == 'withdraw'){
                    $('#type').val(1);
                    $('.modal-title').html('Withdraw Information');
                }else{
                    $('#type').val(2);
                    $('.modal-title').html('Investment Information');
                }
                $('#modal-pay').modal('show');
            });

            $('#modal-btn-pay').click(function () {
                Swal.fire({
                    title: 'Are you sure?',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes'

                }).then((result) => {
                    if (result.isConfirmed) {
                        var formData = new FormData($('#modal-form')[0]);

                        $.ajax({
                            type: "POST",
                            url: "{{ route('cash_withdraw_investment') }}",
                            data: formData,
                            processData: false,
                            contentType: false,
                            success: function(response) {
                                if (response.success) {
                                    $('#modal-pay').modal('hide');
                                    Swal.fire(
                                        'Paid!',
                                        response.message,
                                        'success'
                                    ).then((result) => {
                                        //location.reload();
                                        window.location.href = response.redirect_url;
                                    });

                                } else {
                                    Swal.fire({
                                        icon: 'error',
                                        title: 'Oops...',
                                        text: response.message,
                                    });
                                }
                            }
                        });
                    }
                });

            });
            $('.close').click(function () {
                $('#modal-pay').modal('hide');
            });
        });
    </script>
@endpush