@extends('layouts.main')

 @section('content')

     <div class="col-lg-12 layout-spacing">
         <div class="statbox widget box box-shadow">
             <div class="widget-header">
                 <div class="row">
                     <div class="col-xl-12 col-md-12 col-sm-12 col-12 custom_add_button">
                         <h4>خەرجی</h4>
                         <div class="search_box">
                            <form action="" method="GET"> 
                                        <label>لە <input type="date" name="start" class="date_1"
                                          value="{{ @$start }}"></label>
                                  <label>بۆ <input type="date" name="end" class="date_1"
                                          value="{{ @$end }}"></label> 
                                  <button type="submit" class="button_1">بڕۆ</button> 
                              </form>
                        </div>
                     </div>
                 </div>
             </div>
             <form action="./expenses" method="post">
                @csrf
             <div class="widget-content widget-content-area">
                 <div class="table-responsive">
                     <table class="table">
                         <thead>
                        
                         <tr>
                            <td colspan="8">
                                <input type="text" class="cost_input" style="width:100px;text-align:left;" name="price"
                                    value="{{ @$edit_data->price }}" required
                                    onkeypress="return (event.charCode >= 48 && event.charCode <= 57)" maxlength="10"
                                    placeholder="0000">
                                <input type="text" class="cost_input" name="name" value="{{ @$edit_data->name }}" required
                                    placeholder="خەرجکراوە بۆ">
                                    <input type="text" class="cost_input" name="note" value="{{ @$edit_data->note }}"
                                        placeholder="تێبینی">
        
                                        <input type="datetime-local" class="cost_input" style="width:200px" name="created_at" value="{{ date("Y-m-d\TH:i",(@$edit_data->created_at?strtotime($edit_data->created_at):time())) }}"
                                        placeholder="بەروار">
                
                                <input type="hidden" name="ids" value="{{ @$edit_data->id ?? 0 }}">
                                <input type="submit" name="save" class="cost_save" value="پاشەکەوتکردن">
         
                        </tr>     <tr>
                            <th width="50" align=center>#</th>
                            <th width="130" style="text-align:center">بڕی</th>
                            <th width="300" align="center">خەرجکراوە بۆ</th>
                            <th align="right">تێبینی</th>
                            <th width="160" align="center">بەروار</th>
                            <th width="130" align="center">گەنجینە</th>
                            <th width="130" align="center">لەلایەن</th>
                            <th width="90" align="center">کارەکان</th>
                        </tr>
                     </thead>
                    <tbody>
                                            @foreach ($expenses as $cost)
                                                    <tr>
                              <td align=center>{{ $cost->id }}</td>
                              <td align=left><b>{{ number_format($cost->price) }}</b></td>
                              <td align=right>{{ $cost->name }}</td>
                              <td align=right>{{ $cost->note }}</td>
                              <td align=right>{{ $cost->created_at }}</td>
                              <td align=center></td>
                              <td align=center>{{ @$admins[$cost->admin_id] }}</td>
                              <td align=center>
                                 <a href="./expenses/{{$cost->id}}/edit" class="bs-tooltip font-20 text-primary" title="" data-original-title="دەستکاریکردن"><i class="las la-pen"></i></a>
                                 <a data-href="./expenses/{{$cost->id}}/destroy" data-toggle="modal" data-target="#confirm-delete" class="bs-tooltip font-20 text-danger" title="" data-original-title="سڕینەوەی ئەم حسابە"><i class="las la-trash"></i></a>
                                </td>
                          </tr>
                      @endforeach 
                      <tr>
                          <td></td>
                          <td><B>{{ number_format($total) }} دینار</B></td>
                          <td></td>
                          <td></td>
                          <td align=center> </td>
                          <td></td>
                          <td></td>
                          <td></td>
                      </tr>
                 </div>
                </form>
             </div>
         </div>
     </div>
     <script>
        $(document).ready(function(){
            $('#confirm-delete').on('show.bs.modal', function(e) {
                $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
            });
        });
     </script>
     <div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    سڕینەوە
                </div>
                <div class="modal-body">
                    ئایا ڕازیت ئەم خەرجیە بسڕیتەوە؟
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">نەخێر</button>
                    <a class="btn btn-danger btn-ok">بەڵێ</a>
                </div>
            </div>
        </div>
    </div>
 @endsection