@extends('layouts.master')
@section('title', 'User')
@push('css')

@endpush

@section('content')
    <form method="POST" action="{{ route('user.damageEntry.add') }}" enctype="multipart/form-data">
        @csrf
    <div class="row">
        <div class="col-xl-12">
                <div class="form-horizontal">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-4 control-label" for="txtFirstName"> Code</label>
                            <label class="col-sm-1 control-label">:</label>
                            <div class="col-sm-6">
                                <input type="number" name="code" id="txtFirstName" placeholder="" value=""
                                       class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label" for="txtFirstName"> Date </label>
                            <label class="col-sm-1 control-label">:</label>
                            <div class="col-sm-6">
                                <input type="date" name="date" id="txtFirstName" placeholder="ID"
                                       class="form-control" value="2025-12-10">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label" for="Brunch"> Product </label>
                            <label class="col-sm-1 control-label">:</label>
                            <div class="col-sm-7">
                                <select data-placeholder="Choose a Country..."  name="product_id" class="chosen-select" id="demo-chosen-select" tabindex="2">
                                    @foreach($products as $product)
                                        <option value="{{$product->id}}">{{$product->product_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label" for="txtFirstName"> Damage Quantity</label>
                            <label class="col-sm-1 control-label">:</label>
                            <div class="col-sm-6">
                                <input type="number" name="quantity" id="txtFirstName" placeholder="" value=""
                                       class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label" for="txtFirstName"> Damage amount</label>
                            <label class="col-sm-1 control-label">:</label>
                            <div class="col-sm-6">
                                <input type="number" name="amount" id="txtFirstName" placeholder="" value=""
                                       class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label" for="txtFirstName"> Description</label>
                            <label class="col-sm-1 control-label">:</label>
                            <div class="col-sm-6">
                                <textarea type="number" name="description" id="txtFirstName" class="form-control"></textarea>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-4 control-label" for=""> </label>
                            <label class="col-sm-1 control-label"></label>
                            <div class="col-sm-6">
                                <button type="button" onclick="submit()" name="btnSubmit" title="Save"
                                        class="btn btn-sm btn-success pull-left">
                                    Save
                                    <i class="ace-icon fa fa-arrow-right icon-on-right bigger-110"></i>
                                </button>
                            </div>
                        </div>
                </div>
                </div>
        </div>
    </div>
    </form>
    <div class="">
        <h3 class="panel-title">Bank Transaction</h3>
    </div>
    <div class="col-xl-12">

        <div class="panel">

            <div class="panel-body">
                <table id="demo-dt-basic" class="table table-striped table-bordered" cellspacing="0" width="100%">
                    <thead>
                    <tr>
                        <th>Code</th>
{{--                        <th>Transaction Type</th>--}}
                        <th>Date</th>
                        <th class="min-tablet">Product Code </th>
                        <th class="min-tablet">Product Name </th>
                        <th class="min-tablet">Quantity   </th>
                        <th class="min-tablet">Damage Amount </th>
                        <th class="min-tablet">	Description  </th>
                        <th class="min-tablet">Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($damageEntries as $damageEntry)
                        <tr>
                            <td>{{ $damageEntry->code }}</td>
{{--                            <td>{{ $damageEntry->transaction_type }}</td>--}}
                            <td>{{ $damageEntry->date }}</td>
                            <td>{{ $damageEntry->product_id  }}</td>
                            <td>{{ $damageEntry->product_name }}</td>
                            <td>{{ $damageEntry->quantity }}</td>
                            <td>{{ $damageEntry->amount }}</td>
                            <td>{{ $damageEntry->description }}</td>
                            <td>
                                <a style="font-size: 7px" href="{{route('user.damageEntry.edit', $damageEntry->id )}}" class="btn btn-mint btn-icon" ><i class="demo-psi-pen-5 icon-lg"></i></a>
                                <a style="font-size: 7px" onclick="return confirm('Are you sure?')" href="{{route('user.damageEntry.delete', $damageEntry->id )}}" class="btn btn-success btn-icon" ><i class="demo-psi-recycling icon-lg"></i></a>


                            </td>
                        </tr>
                    @endforeach

                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

@push('js')
<script>
    $(document).ready(function() {
        var table = $('#example').DataTable( {
            lengthChange: false,
            buttons: [ 'copy', 'excel', 'pdf', 'colvis' ]
        } );

        table.buttons().container()
            .appendTo( '#example_wrapper .col-md-6:eq(0)' );
    } );
</script>
@endpush