@include('includes/header')

<!-- /////////////////////////////////// MAIN CONTENT /////////////////////////////////////////-->

@include('includes/sidebar')

<div class="app-content content">

    <div class="content-wrapper">

        <div class="content-header row">

            <div class="content-header-left col-md-6 col-12 mb-2 d-flex justify-content-left align-items-center">
                <a class="btn btn-secondary" href="javascript: history.go(-1)"><i class="fa fa-arrow-left"></i>
                </a>&nbsp;&nbsp;
                <h1 class="content-header-title mb-0">Create Advance Payment</h1>
            </div>
        </div>

        <div class="content-body">

            <section class="inputmask bg-light p-2" id="inputmask">
                <div class="row">

                    @if (\Session::has('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <strong>{!! \Session::get('success') !!}</strong>
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    @if (\Session::has('error'))
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <strong>{!! \Session::get('error') !!}</strong>
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    @if ($errors->any())
                        @foreach ($errors->all() as $err)
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                <strong> {{ $err }} </strong>
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                        @endforeach
                    @endif

                    <div class="col-12 p-2">
                        <div class="message"></div>
                        <form action="{{ route('create.advancepayment') }}" method="POST">
                            @csrf

                            <div class="card rounded">

                                <div class="card-content collapse show">
                                    <div class="card-body">
                                        <div class="form-body">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Select Employee</label></strong>
                                                        <div class="form-group">
                                                            <select class="form-control" name="empId" id="employeeid">
                                                                @foreach ($employees as $emp)
                                                                    <option value="{{ $emp['id'] }}">
                                                                        {{ $emp['FirstName'] }} {{ $emp['LastName'] }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">

                                                    <div class="form-group">
                                                        <strong><label>Advance Payment</label></strong>
                                                        <input type="text" id="approved_amount"
                                                            name="approved_amount" class="form-control"
                                                            placeholder="Enter Approved Amount">
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-actions left">
                                            <button type="submit" class="btn btn-primary">
                                                <i class="fa fa-check-square-o"></i> Create
                                            </button>
                                        </div>
        

                                    </div>
                                </div>



                            
                        </form>

                    </div>
                </div>

            </section>

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

<!-- /////////////////////////////////// MAIN CONTENT /////////////////////////////////////////-->

<script>
    // function createEmployee() {
    //     console.log('clicked');
    //     var username = $('#username').val();
    //     var password = $('#password').val();
    //     var confirm = $('#cpassword').val();
    //     var phone = $('#phone').val();
    //     var email = $('#email').val();
    //     var fname = $('#firstname').val();
    //     var lname = $('#lastname').val();
    //     var gender = $('#gender').val();
    //     var dob = $('#dob').val();
    //     var uniqueId = $('#uniqueid').val();
    //     var altnumber = $('#altnumber').val();
    //     var address = $('#address').val();
    //     var profilepic = $('#profilepic').val();
    //     var manager = $('#repmanager').val();
    //     var schedule = $('#schedule').val();
    //     var team = $('#team').val();
    //     var doj = $('#doj').val();
    //     var basesalary = $('#basesalary').val();
    //     var designation = $('#designation').val();
    //     var prisales = $('#prisales').val();
    //     var secsales = $('#secsales').val();
    //     var leavecount = $('#leavecount').val();
    //     console.log('clickedfghdfgh');

    //     $.ajax({
    //         url: '/createEmployee',
    //         type: 'POST',
    //         dataType: 'json',
    //         data: {
    //             username: username,
    //             password: password,
    //             cpassword: confirm,
    //             phone: phone,
    //             email: email,
    //             firstname: fname,
    //             lastname: lname,
    //             gender: gender,
    //             dob: dob,
    //             uniqueid: uniqueId,
    //             altnumber: altnumber,
    //             address: address,
    //             profilepic: profilepic,
    //             repmanager: manager,
    //             schedule: schedule,
    //             team: team,
    //             doj: doj,
    //             basesalary: basesalary,
    //             designation: designation,
    //             prisales: prisales,
    //             secsales: secsales,
    //             leavecount: leavecount,
    //             _token: '{{ csrf_token() }}'
    //         },
    //         success: function(result) {
    //             console.log('sdfgdzfg');
    //             console.log(result)
    //             if (result.status) {
    //                 $('.message').append(
    //                     "<div class='alert alert-success alert-dismissible fade show' role='alert'> <strong> " +
    //                     result.message +
    //                     " </strong> <button type='button' class='close' data-dismiss='alert' aria-label='Close'><span aria-hidden='true'>&times;</span></button> </div>  "
    //                     );
    //             } else {
    //                 $('.message').append(
    //                     " <div class='alert alert-warning alert-dismissible fade show' role='alert'> <strong> Something went Wrong </strong> <button type='button' class='close' data-dismiss='alert' aria-label='Close'><span aria-hidden='true'>&times;</span></button> </div> "
    //                     );
    //             }
    //         }
    //     });

    // }
</script>

@include('includes/footer')