@extends('buyers_sellers.layout2.master')
@section('title', 'Edit Profile')
@section('content')
    <style type="text/css">
        .profileimage {
            height: 146px;
            width: 152px;
            object-fit: fill;
        }

        .uploadbtn {
            margin-left: -8px !important; 
        }

        select.form-control {
            height: 39px !important;
        }

    </style>
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <div class=" pull-left">
                        <div class="page-title"><h2>Service Request #{{ $id }} is in progress. </h2>
                        </div>
                    </div>
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item"
                                href="{{ route('buyer.dashboard') }}">Home</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        </li>
                        <li class="active">Bank Slip</li>
                    </ol>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="card-box">
                        <div class="card-head">
                        </div>
                        <div class="card-body">
                          <div class="row">
                            <div class="col-md-6 text-center pb-4">
                                @if (Session::has('true'))
                                <div class="alert alert-primary" role="alert">
                                    {{ Session::get('true') }}
                                </div>
                            @endif

                                @if ($bal->points == 1)
                                    <p class="text-danger">Payment amount after applying Loyalty points is ${{ $bal->balance }}</p>
                                @else
                                    <p>Your Payment is ${{ $bal->balance }}</p>
                                @endif
                                <p>Please upload your proof of payment or provide
                                    Payment reference</p>
                            </div>
                            <form action="{{ route('PostBankSlip') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                            <input type="hidden" name="job_id" value="{{ $id }}">

                            <input type="hidden" name="job_after_payment" value="{{ $bal->job_after_payment }}">
                            
                            <div class="col-md-4 text-center pb-4">
                                <input class="btn btn-theme" name="bank_slip" type="file" >
                            </div>
                            @error('bank_slip')
                                <p class="text-danger" style="font-weight: bold;">{{ $message }}</p>
                                @enderror
                          </div>
                          <div class="row">
                            <div class="col-md-3 offset-md-9 text-center pb-4">
                                <button type="submit" class="btn  btn-theme">Continue</button>
                            </div>
                          </div>
                        </form>
                        </div>
                      </div>
                    </div>
                </div>
            </div>
    </div>
    </div>
@endsection