@extends('layouts.app')

@section('content')
<div class="container">


    <div class="row justify-content-center">
        <div class="col-md-9">
            @if (Session::has('message'))
            <div class="alert alert-info">{{ Session::get('message') }}</div>
            @endif
            <div class="card">
                <div class="card-header">Finance</div>
                @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
                @endif
                <div class="card-body">

                    <form method="POST" action="/payable_pay2" enctype="multipart/form-data">
                        @csrf

                        <div class="row">
                            <div class="col-4">
                                IN :<input type='text' name='payment'>
                                <input type='hidden' name='payable_id' value="{{$id}}">
                                <input type='hidden' name='sign' value="-">
                            </div>
                            <div class="col-4">
                                Description: <input type='text' name='description'>
                            </div>
                            <div class="col-4">
                                <input type='submit' name='submit' value="Submit">

                            </div>

                        </div>

                    </form>
                    <hr>
                    <form method="POST" action="/payable_pay2" enctype="multipart/form-data">
                        @csrf
                        <div class="row">


                            <div class="col-4">
                                OUT : <input type='text' name='payment' style="margin: left 5px;">
                                <input type='hidden' name='payable_id' value="{{$id}}">
                            </div>
                            <div class="col-4">
                                Description: <input type='text' name='description'>
                            </div>
                            <div class="col-4">
                                <input type='submit' name='submit' value="Submit">

                            </div>

                        </div>

                    </form>


                    <hr>




                </div>
                <a href="{{route('finance')}}"> <button class="btn btn-secondary" style='margin:10px'>Back</button> </a>

            </div>

            <hr>
            <br>

                 <h1 style="color:goldenrod">{{$name}} Account</h1>

            <div class="row" style='background-color:aquamarine'>
                <div class="col-2">
                    <h4 style='font-weight: bold;'> Date </h4>
                </div>

                <div class="col-3">
                    <h4 style='font-weight: bold;'> Description </h4>
                </div>
                <div class="col-2">
                    <h4 style='font-weight: bold;'> IN/OUT </h4>
                </div>

                <div class="col-2">
                    <h4 style='font-weight: bold;'> payment </h4>
                </div>

                <div class="col-2">
                    <h4 style='font-weight: bold;'> Balance </h4>
                </div>
            </div> <br> 
            @foreach($payment as $value)
            <div class="row">
                <div class="col-2">
                    {{ $value->created_at}}
                </div>
                <div class="col-3">
                    {{ $value->description}}
                </div>
                <div class="col-2">
                    {{ $value->inout}}
                </div>
                <div class="col-2">
                    {{ number_format($value->payment)}}
                </div>
                <div class="col-2">
                    {{ number_format($value->balance)}}
                </div>

            </div> <br>

            @endforeach

            <hr>
            <div class="row" style='background-color:aquamarine'>
                <div class="col-3">

                </div>
                <div class="col-3">
                    <h4 style='font-weight: bold;'> Total Expense </h4>
                </div>

                <div class="col-3">
                    <h4 style='font-weight: bold;color:red;'> 0 </h4>
                </div>


            </div> <br>

        </div>
    </div>
</div>
@endsection