@extends('panel.layouts.master')
@section('css')
    <link href="/assets/plugins/kamadatepicker/kamadatepicker.min.css" rel="stylesheet">
    <link href="/assets/plugins/clockpicker/dist/bootstrap-clockpicker.min.css" rel="stylesheet">
@endsection
@section('content')
<div class=" container ">
    <div class="alert alert-custom alert-warning fade show fill" role="alert">
        <div class="alert-text"><strong>
                لیست مدارک مربوط به فاکتور {{$factor->salesplan->name}}
            </strong></div>
    </div>
    <div class="row">
        <!-- BEGIN BREADCRUMB -->
        <div class="col-md-12">
            <div class="breadcrumb-box border shadow">
                <ul class="breadcrumb">
                    <li><a href="/panel">صفحه اصلی</a></li>
                    <li><a href="/panel/factors">فاکتور</a></li>
                    <li class="active"> بارگزاری مدارک</li>
                </ul>
                <div class="breadcrumb-left">
                    {{ jdate()->format('Y-m-d') }}
                    <i class="icon-calendar"></i>
                </div><!-- /.breadcrumb-left -->
            </div><!-- /.breadcrumb-box -->
        </div><!-- /.col-md-12 -->
        <!-- END BREADCRUMB -->

        <div class="col-12">

        </div><!-- /.col-12 -->
    </div><!-- /.row -->
    <div class="row">
        <div class="col-xl-12">
            <div class="card card-custom gutter-b card-stretch">
                <div class="card-body">
                    <div class="row">
                        @if ($errors->updateProfileInformation->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->updateProfileInformation->all() as $error)
                                <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                        @endif
                        <div class="col-lg-12 col-md-10 m-auto m-b-30">
                            <div class="alert alert-info fill" role="alert">
                               
                                در ثبت اطلاعات زیر نهایت دقت را داشته باشید ، زیرا اطلاعات بعد ثبت قابل حذف یا ویرایش توسط شما نمی باشد
                              </div>

                            <hr>
                            <form role="form" action="{{route('panel.upload.factor',$factor)}}" method="POST"
                                enctype="multipart/form-data">
                                @csrf
                              
                                <div class="form-body">
                                   
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="txt-firstname">نام بانک مبدا</label>
                                                <div class="input-group curve">
                                                    <span class="input-group-addon">
                                                        <i class="icon-user"></i>
                                                    </span>
                                                    <input class="form-control" placeholder=""
                                                        value="{{ old('bank', $madarek->bank) }}" name="bank"
                                                        type="text">
                                                </div><!-- /.input-group -->
                                            </div><!-- /.form-group -->
                                        </div><!-- /.col -->
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="txt-lastname"> شماره پیگیری فیش بانکی</label>
                                                <div class="input-group curve">
                                                    <span class="input-group-addon">
                                                        <i class="icon-user"></i>
                                                    </span>
                                                    <input class="form-control ltr text-left " placeholder="" autocomplete="off" name="peygiry"
                                                        value="{{ old('peygiry', $madarek->peygiry) }}"
                                                        type="text">
                                                </div><!-- /.input-group -->
                                            </div><!-- /.form-group -->
                                        </div><!-- /.col -->
                                    </div><!-- /.row -->
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="txt-firstname"> نوع پرداخت</label>
                                                <div class="input-group curve">
                                                    <span class="input-group-addon">
                                                        <i class="icon-user"></i>
                                                    </span>
                                                    <input class="form-control" placeholder="" autocomplete="off"
                                                        value="{{ old('type', $madarek->type) }}" name="type"
                                                        type="text">
                                                </div><!-- /.input-group -->
                                            </div><!-- /.form-group -->
                                        </div><!-- /.col -->
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="txt-lastname"> مبلغ واریزی(تومان)</label>
                                                <div class="input-group curve">
                                                    <span class="input-group-addon">
                                                        <i class="icon-user"></i>
                                                    </span>
                                                    <input class="form-control ltr text-left number " autocomplete="off" placeholder="" name="cost"
                                                        value="{{ old('cost', $madarek->cost) }}"
                                                        type="text">
                                                </div><!-- /.input-group -->
                                            </div><!-- /.form-group -->
                                        </div><!-- /.col -->
                                    </div><!-- /.row -->
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="txt-firstname"> تاریخ واریز</label>
                                                <div class="input-group curve">
                                                    <span class="input-group-addon">
                                                        <i class="icon-user"></i>
                                                    </span>
                                                    <input class="form-control ltr text-left" autocomplete="off" placeholder="" id="kama-datepicker"
                                                        value="{{ old('date_variz', $madarek->date_variz) }}" name="date_variz"
                                                        type="text">
                                                </div><!-- /.input-group -->
                                            </div><!-- /.form-group -->
                                        </div><!-- /.col -->
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="txt-lastname"> ساعت واریز</label>
                                                <div class="input-group curve">
                                                    <span class="input-group-addon">
                                                        <i class="icon-user"></i>
                                                    </span>
                                                    <input class="form-control clockpicker-autoclose ltr text-left " autocomplete="off" placeholder="" name="time_variz"
                                                        value="{{ old('time_variz', $madarek->time_variz) }}"
                                                        type="text">
                                                </div><!-- /.input-group -->
                                            </div><!-- /.form-group -->
                                        </div><!-- /.col -->
                                    </div><!-- /.row -->
                                    <div class="form-group relative mt-3 mb-4">
                                        <input type="file" class="form-control" name="file">
                                        <div class="input-group curve">
                                            <input type="text" class="form-control file-input"
                                                placeholder="برای آپلود کلیک کنید">
                                            <span class="input-group-btn">
                                                <button type="button" class="btn btn-info">
                                                    <i class="icon-picture"></i>
                                                   آپلود تصویر فیش بانکی
                                                </button>
                                            </span>
                                        </div><!-- /.input-group -->
                                        <div class="help-block"></div>
                                    </div><!-- /.form-group -->
                                </div><!-- /.form-body -->

                                <div class="form-actions">
                                    <button type="submit" class="btn btn-info btn-curve">
                                        <i class="icon-check"></i>
                                        ذخیره
                                    </button>
                                    <a href="/panel/" class="btn btn-warning btn-curve pull-left">
                                        <i class="icon-close"></i>
                                        بازگشت
                                    </a>
                                   
                                </div><!-- /.form-actions -->
                            </form>
                            
                        </div><!-- /.col -->
                    </div><!-- /.row -->
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped table-hover">
                            <thead>
                                <tr>

                                    <th>نام بانک</th>
                                    <th>  شماره پیگیری </th>
                                    <th>نوع پرداخت </th>
                                    <th>مبلغ پرداختی(تومان)</th>
                                    <th>تاریخ واریز </th>
                                    <th>ساعت واریز </th>
                                    <th>تاریخ ثبت </th>
                                    <th>وضعیت </th>
                                    
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($factor->madareks as $item)
                                    <tr>

                                        <td>{{ $item->bank }}</td>
                                        <td>{{ $item->peygiry }}</td>
                                        <td>{{ $item->type }}</td>
                                        <td>{{ number_format($item->cost) }}</td>
                                        <td>{{$item->date_variz}}</td>
                                        <td>{{$item->time_variz}}</td>
                                        <td>{{ jdate($item->created_at) }}</td>
                                        <td>{!!status($item->status) !!}</td>
                                    </tr>
                                @endforeach

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
  
@endsection
@section('js-page')
<script src="/assets/plugins/kamadatepicker/kamadatepicker.min.js"></script>
<script src="/assets/js/pages/calendar-kama.js"></script>
<script src="/assets/plugins/clockpicker/dist/bootstrap-clockpicker.min.js"></script>
<script src="/assets/js/pages/clock.js"></script>
<script>
     $(document).on('keyup', '.number', function(e) {
            $(this).val(function(index, value) {
                return value
                    .replace(/\D/g, "")
                    .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
            });


        });
</script>
@endsection