@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Your Profile'])
    
    <div id="alert">
        @include('components.alert')
    </div>
    <div class="container-fluid py-4" >
        <div class="row">
            <div class="col-md-8">
                <div class="card" class="titl-bg">
                <form role="form" method="POST" action="{{ route('payments') }}" enctype="multipart/form-data">

                        @csrf
                        <div class="card-header pb-0">
                            <div class="d-flex align-items-center">
                                <h2 style="text-align:center;" class="mb-0">Add Payments</h2>
                               
                            </div>
                        </div>
                        <div class="card-body">
                            
                            <div class="row">
                               

                            <div class="col-md-6">
    <div class="form-group">
        <label for="example-text-input" class="form-control-label">Project Name</label>
        <select class="form-select" name="project_name">
        <option value="">Select Project</option>

        @foreach($projects as $key => $project)   
                                <option value="{{$project->project_name}}">{{$project->project_name}}</option>

                                          @endforeach 
            
        </select>
    </div>
</div>

<div class="col-md-6">
    <div class="form-group">
        <label for="example-text-input" class="form-control-label">Inovice</label>
        <select class="form-select" name="invoice_num">
        <option value="">Select Project</option>

        @foreach($estimates as $key => $estimate)   
                                <option value="{{$estimate->id}}">Inovice# {{$estimate->id}}</option>

                                          @endforeach 
            
        </select>
    </div>
</div>
<div class="col-md-6">
    <div class="form-group">
        <label for="example-text-input" class="form-control-label">Clients</label>
        <select class="form-select" name="clinte_name">
        <option value="">Select Project</option>

        @foreach($clients as $key => $client)   
                                <option value="{{$client->name}}">{{$client->name}}</option>

                                          @endforeach 
            
        </select>
    </div>
</div>
<div class="col-md-6">
        <div class="form-group">
                            <label for="example-text-input" class="form-control-label">Amount</label>
                                        <input class="form-control @error('amount') is-invalid @enderror" type="number" name="amount">
                                        @error('amount')
                <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
        @enderror
                                    </div>
                                </div>     
                                
                                
                                <div class="col-md-6">
        <div class="form-group">
                            <label for="example-text-input" class="form-control-label">Remaining Amount</label>
                                        <input class="form-control @error('remain_amount') is-invalid @enderror" type="text" name="remain_amount">
                                        @error('remain_amount')
                <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
        @enderror
                                    </div>
                                </div> 
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="example-text-input" class="form-control-label">Paid Date</label>
                                        <input class="form-control @error('paid_date') is-invalid @enderror" type="date" name="paid_date">
                                        @error('paid_date')
                <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6">
    <div class="form-group">
        <label for="example-text-input" class="form-control-label">Payment Gateway</label>
        <select class="form-select" name="payment_gateway">
        <option value="">Select Payment Geteway</option>

          <option value="Online Payment">Online Payment</option>
          <option value="Offline Payment">Offline Payment</option>                   

                                        
            
        </select>
    </div>
</div>
<div class="col-md-6">
<div class="form-group">
        <label for="example-text-input" class="form-control-label">Payment Status</label>
        <select class="form-select" name="paid_status">
        <option value="">Select Payment status</option>

          <option value="Complet">Complet</option>
          <option value="Half">Half</option> 
          <option value="Half">Partial</option>                   
                  

                                        
            
        </select>
    </div>
</div>


<div class="col-md-6">
    <div class="form-group">
        <label for="example-text-input" class="form-control-label">Currency Type</label>
        <select class="form-select" name="currency">
        <option value="">Select Currency Type</option>

          <option value="USD($)">USD($)</option>
          <option value="GBP">GBP</option>    
          <option value="EUR">EUR</option>                  
            <option value="INR">INR</option>                  

                                        
            
        </select>
    </div>
</div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="example-text-input" class="form-control-label">Transaction ID</label>
                                        <input class="form-control @error('transaction_id') is-invalid @enderror" type="text" name="transaction_id">
                                        @error('transaction_id')
                <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
        @enderror
                  </div>
                     </div>

<div class="col-md-6">
    <div class="form-group">
        <label for="example-text-input" class="form-control-label">Status</label>
        <select class="form-select" name="status">
            <option value="active">Active</option>
            <option value="inactive">Inactive</option>
        </select>
    </div>
  
</div>

<div class="col-md-6">
    <div class="form-group">
        <label for="example-text-input" class="form-control-label">Bank</label>
        <select class="form-select" name="bank_acount">
            <option value="Bank1">Bank1</option>
            <option value="Bank2">Bank2</option>
        </select>
    </div>
  
</div>


                      <div class="col-md-12">
                                <div class="form-group">
                                    <label for="description" class="form-control-label">Remarks</label>
                                    <textarea class="form-control" type="textarea" name="remark"></textarea>
                                    @error('remark')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                
<div class="text-center">
        <button type="submit" class="btn btn-success btn-lg w-50 mt-4">Submit</button>
                            </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
           
        </div>
        @include('layouts.footers.auth.footer')
    </div>
@endsection


                            
                               


<style>
    body {
    background-image: url('img/inv-bg.jpg');
    background-size: cover; / Adjust as needed /
    background-repeat: no-repeat; / Adjust as needed /
    / You can add more background properties here /
    
}

.titl-bg{
    background-image: url('img/inv-logologo1.png');
    / background-size: cover; Adjust as needed /
    background-repeat: no-repeat; / Adjust as needed /
    opacity: 0.7;
}

</style>