@extends('../layout/' . $layout)

@section('subhead')
    <title>Atarud MIS - Edit Receipt</title>
    <link href="{{ asset('dist/css/dataTables.min.css') }}" rel="stylesheet">
    <style>
        .form-group {
            margin-top: 10px;
        }

        .control-label {
            margin-top: 45px;
        }
    </style>
@endsection

@section('subcontent')
    <div class="intro-y flex items-center mt-8">
        <h2 class="text-lg font-medium mr-auto">Edit Receipt</h2>
    </div>
    <div class="grid grid-cols-8 gap-6 mt-5">
        <div class="intro-y col-span-12 lg:col-span-6">
            <!-- BEGIN: Basic Notification -->
            <div class="intro-y box">
                <div
                    class="flex flex-col sm:flex-row items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
                    <h2 class="font-medium text-base mr-auto">Create Receipt</h2>

                </div>
                <div id="basic-textual-notification" class="p-5">
                    <div class="preview">
                        <div class="row">
                            <div class="col-md-6">
                                <form action="{{ route('receipt.store') }}" method="post">
                                    @csrf
                                    <div class="form-group">
                                        <label for="field-2" class="control-label">Title</label>
                                        <div class="col-sm-9">
                                            <input type="text" class="form-control" placeholder="Enter Title" name="title"
                                            id="title" value="{{ $payment->title }}"/>
                                        </div>
                                    </div>

 

                                <div class="form-group">
                                    <label for="field-2" class="control-label">Debit Account</label>
                                    <div class="col-sm-9">
                                        <select name="account_id" class="form-control" data-validate="required" id="class_id"
                                            data-message-required=" value_required ">
                                            <option value="">Select</option>

                                            @foreach ($accounts as $row)
                                                <option value="{{ $row->id }}" @if($row->id == $payment->account_id) selected @endif>
                                                    {{ $row->name }}
                                                </option>
                                            @endforeach;

                                        </select>
                                    </div>
                                </div>

                                <div class="form-group"  id="pay_type">
                                    <label for="field-2" class="control-label">Credit Account</label>
                                    <div class="col-sm-9">
                                        <select name="from_account_id" class="form-control" data-validate="required" id="class_id"
                                            data-message-required=" value_required ">
                                            <option value="">Select</option>

                                            @foreach ($credits as $row)
                                                <option value="{{ $row->id }}" @if($row->id == $payment->from_account_id) selected @endif>
                                                    {{ $row->name }}
                                                </option>
                                            @endforeach;

                                        </select>
                                    </div>
                                </div>

                                <div class="form-group" id="name">
                                    <label class="control-label"> Name </label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" placeholder="Enter Name" name="name"
                                            id="name" value="{{ $receipt->name }}"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label"> Fathername </label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" placeholder="Enter Fathername" name="father_name"
                                            id="fathername" value="{{ $receipt->father_name }}"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label"> Amount </label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" placeholder="Enter Amount" name="amount"
                                            id="amount" value="{{ $payment->amount }}"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label">Description</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" placeholder="Enter Description" name="description"
                                            id="description" value="{{ $payment->description }}" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label"> Date </label>
                                    <div class="col-sm-9">
                                        <input type="date"  id="start_date" class="form-control" value="{{ date('d m,y', $payment->timestamp)}}" name="timestamp" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label"></label>
                                    <div class="col-sm-9"> <br>
                                        <input type="submit" class="btn btn-primary" value="Save Receipt" />
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
            <!-- END: Basic Notification -->
        </div>
        <!-- END: of first box -->

    </div>
@endsection
@section('script')
<script src="{{ asset('dist/js/jquery.js') }}"></script>
<script type="text/javascript">
    jQuery(document).ready(function($)
        {
            emp_type('none');
        });

        function emp_type(type){
            if(type == 'employee'){
                $('#emp').show();
                $('#tcr').hide();
                $('#name').hide();
                $('#father_name').hide();
                $('#pay_type').show();

            }else if(type == 'teacher'){
                $('#emp').hide();
                $('#name').hide();
                $('#father_name').hide();
                $('#tcr').show();
                $('#pay_type').show();

            }else{
                $('#emp').hide();
                $('#tcr').hide();
                $('#name').show();
                $('#father_name').show();
            }
        }
    </script>
@endsection