@extends('back.layouts.main')
@section('title', 'محفظة ' . $shop->name)
@section('content')


    <div class="card">
        <div class="card-header">
            <div class="btn-group ">
                <h1>رصيد {{ $shop->name . ': ' . number_format($shop->balance) }}</h1>
                <br>
            </div>
            <a class="btn btn-success" data-toggle="modal" data-target="#deduct" href="javascript:void(0)">خصم من المحفظة</a>
        </div>
        <div class="card-content overflow-auto collapse show">
            <div class="card-body card-dashboard">

                <table class="table table-responsive-sm table-striped table-bordered data-table">
                    <tr>
                        <th style="min-width: 65px">#</th>
                        <th>Order</th>
                        <th>Amount</th>
                        <th>Operation</th>
                        <th>Admin</th>
                        <th>Time</th>
                    </tr>
                    <form method='get' class='search'>
                        <tr>
                            <th></th>
                            <th>
                                <input type='text' name='order_id' value='{{ request('order_id') }}'
                                    class='form-control'>
                            </th>
                            <th></th>
                            <th>
                                <select name="operation" class="form-control">
									<option value="">اختر</option>
									<option {{selected('add' , request('add'))}} value="add">اضافة</option>
									<option {{selected('deduct' , request('deduct'))}} value="deduct">خصم</option>
								</select>
                            </th>
                            <th></th>
                            <th></th>
                        </tr>
                    </form>
                    @if ($data->isNotEmpty())
                        @foreach ($data as $row)
                            <tr>
                                <td>{{ $row->id }}</td>
                                <td>{{ $row->order_id }}</td>
                                <td>{{ $row->amount }}</td>
                                <td>
                                    @if($row->operation=='add') 
                                        <span style='color:green' >اضافة</span>
                                    @elseif($row->operation=='deduct') 
                                        <span style='color:red' >خصم</span>                                        
                                    @endif
                                </td>
                                <td>{{ @$row->admin->name }}</td>
                                <td>{{ $row->created_at }}</td>
                            </tr>
                        @endforeach
                    @else
                        <tr>
                            <td class='text-center' colspan='100'>No Data Available</td>
                        </tr>
                    @endif
                </table>

                <!-- /.box-body -->
                <div class="box-footer clearfix">
                    {{ $data->appends(request()->except('page'))->links() }}
                </div>
            </div>
        </div>
    </div>




    <!-- Modal -->
    <div class="modal fade" id="deduct" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">خصم من المحفظة</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="shops_balance_transactions/deduct" method="post">
                        @csrf
                        <input type="hidden" name="shop_id" value='{{ $shop->id }}'>

                        <label for="">قيمة الخصم</label>
                        <input type="number" max='{{ $shop->balance }}' class="form-control" name='amount'>

                        <input type="submit" class="btn btn-success mt-2" value='خصم'>
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop

@push('footer')
    <script>
        $('.data-table input , .data-table select ').change(function() {
            $('.filter').trigger('click');
        });
    </script>
@endpush

@section('breadcrumbs')
    <li class="breadcrumb-item active">محفظة المحلات</li>
@stop