@extends('Admin.Layout.Master')

@section('css')
    <style type="text/css">

    </style>
@endsection

@section('content-header')
    <div class="header py-1">
        <div class="container-fluid">
            <div class="header-body ">
                <div class="row">
                    <div class="col-lg-6 col-7 text-primary text-left">
                        <nav aria-label="breadcrumb" class="d-none d-md-inline-block">
                            <ol class="breadcrumb breadcrumb-links">
                                <li class="breadcrumb-item">
                                    <a href="#"><i class="fas fa-home text-primary"></i>
                                        Order Processing
                                    </a>
                                </li>
                                <li class="breadcrumb-item">
                                    <a href="#">Execution Process</a>
                                </li>
                            </ol>
                        </nav>
                    </div>
                    <div class="col-lg-6 col-5 text-right">
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('content')
    <form id="main-form" action="{{ !$id ? url($url) : url($url . '/' . $id) }}" method="post" enctype="multipart/form-data">
        @csrf
        @if ($id)
            @method('put')
        @endif

        <div class="row">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header text-left pb-1 d-flex justify-content-between">
                        <h3>Service Details</h3>
                        @if($user_service->execution_status)
                            <h3>Status : {{$user_service->execution_status}}</h3>
                        @endif
                    </div>
                    <div class="card-body">

                        <div class="row">
                            <div class="col-md-4 text-right">
                                <label class="form-control-label"> Service Name :</label>
                            </div>
                            <div class="col-md-8 text-left">
                                <div class="form-group">
                                    <input type="text" class="form-control form-control-sm" 
                                            value="{{ $user_service->service_name }}"
                                            readonly>
                                </div>
                            </div>
                        </div> 

                        <div class="row">
                            <div class="col-md-4 text-right">
                                <label class="form-control-label"> Payment Type :</label>
                            </div>
                            <div class="col-md-8 text-left">
                                <div class="form-group">
                                    <select class="form-control form-control-sm"
                                            id="payment_type"
                                            name="payment_type"
                                            required
                                            onchange="showFields(this.value)"
                                            disabled
                                        >
                                        <option value="">Select Payment Type</option>
                                        <option value="ONE_TIME_PAYMENT" 
                                                @if($user_service->payment_type=="ONE_TIME_PAYMENT") 
                                                    selected
                                                @endif
                                            >Full Payment
                                        </option>
                                        <option value="ADVANCE_PAYMENT" 
                                                @if($user_service->payment_type=="ADVANCE_PAYMENT") 
                                                    selected
                                                @endif
                                            >Advance Payment
                                        </option>
                                    </select>
                                </div>
                            </div>
                        </div> 

                        <div class="row">
                            <div class="col-md-4 text-right">
                                <label class="form-control-label">Receivable Amount :</label>
                            </div>
                            <div class="col-md-8 text-left">
                                <div class="form-group">
                                    <input type="text" class="form-control form-control-sm" 
                                        id="total_receivable_amount"
                                        name="total_receivable_amount"
                                        value="{{ $user_service->total_receivable_amount }}"
                                        readonly>
                                </div>
                            </div>
                        </div> 

                        <div class="row">
                            <div class="col-md-4 text-right">
                                <label class="form-control-label">Advance Amount :</label>
                            </div>
                            <div class="col-md-8 text-left">
                                <div class="form-group">
                                    <input type="text" class="form-control form-control-sm" 
                                        id="total_advance_amount"
                                        name="total_advance_amount"
                                        value="{{ $user_service->total_advance_amount }}"
                                        oninput="calculateAmounts()"
                                        readonly
                                        >
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4 text-right">
                                <label class="form-control-label">Balance Amount :</label>
                            </div>
                            <div class="col-md-8 text-left">
                                <div class="form-group">
                                    <input type="text" class="form-control form-control-sm" 
                                        id="total_balance_amount"
                                        name="total_balance_amount"
                                        value="{{ $user_service->total_balance_amount }}"
                                        readonly>
                                </div>
                            </div>
                        </div>


                        <div class="row">
                            <div class="col-md-4 text-right">
                                <label class="form-control-label">Paid Amount :</label>
                            </div>
                            <div class="col-md-8 text-left">
                                <div class="form-group">
                                    <input type="text" class="form-control form-control-sm" 
                                        id="total_received_amount"
                                        name="total_received_amount"
                                        value="{{ $user_service->total_received_amount }}"
                                        readonly>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4 text-right">
                                <label class="form-control-label"> Assign Executive :</label>
                            </div>
                            <div class="col-md-8 text-left">
                                <div class="form-group">
                                    <select class="form-control form-control-sm"
                                            id="assign_to_user_id"
                                            name="assign_to_user_id"
                                            required
                                        >
                                        <option value="">Select Executive</option>
                                        @if(count($freelancers))
                                            @foreach($freelancers as $f)
                                                <option value="{{$f->uid}}" 
                                                        @if($user_service->assign_to_user_id==$f->uid) 
                                                            selected
                                                        @endif
                                                    >
                                                    {{$f->clubbed_name}}
                                                </option>
                                            @endforeach
                                        @endif    
                                    </select>
                                </div>
                            </div>
                        </div> 

                        @if($user_service->assign_to_user_id)
                        <div class="row">
                            <div class="col-md-4 text-right">
                                <label class="form-control-label">Executive Assing On :</label>
                            </div>
                            <div class="col-md-8 text-left">
                                <div class="form-group">
                                    <input type="text" class="form-control form-control-sm" 
                                        value="{{ $user_service->assigned_timestamp ? date('d-m-Y H:i:s',strtotime($user_service->assigned_timestamp)) : NULL }}"
                                        readonly>
                                </div>
                            </div>
                        </div>
                        @endif

                    </div>
                </div> <!--CARD-->
            </div>

            <div class="col-md-6">
                <div class="card">
                    <div class="card-header text-left pb-1">
                        <h3>Document Details</h3>
                    </div>
                    <div class="card-body p-1">

                        <div class="table-responsive p-2">
                            <table class="table table-bordered">
                                <thead>
                                    <th style="width:50px">Sr</th>
                                    <th style="width:200px">Document Name</th>
                                    <th>Details</th>
                                    <th>Action</th>
                                </thead>
                                <tbody>
                                                                    </tbody>
                            </table>
                        </div>

                    </div>
                </div> <!--CARD-->

                @if(count($user_service_payments))
                    <div class="card">
                        <div class="card-header text-left pb-1">
                            <h3>Payments Details</h3>
                        </div>
                        <div class="card-body p-1">

                            <div class="table-responsive p-2">
                                <table class="table table-bordered">
                                    <thead>
                                        <th>Sr</th>
                                        <th>Payment Type</th>
                                        <th>Status</th>
                                        <th>Trans Id</th>
                                        <th>Receivable Amt.</th>
                                        <th>Received Amt.</th>
                                    </thead>
                                    <tbody>
                                        @foreach($user_service_payments as $p)
                                            <tr>
                                                <td class="p-1 text-center">{{$loop->iteration}}</td>
                                                <td class="p-1">{{$p->payment_type}}</td>
                                                <td class="p-1">{{$p->payment_status}}</td>
                                                <td class="p-1">{{$p->transaction_id}}</td>
                                                <td class="p-1">{{$p->receivable_amount}}</td>
                                                <td class="p-1">{{$p->received_amount}}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div> <!--CARD-->
                @endif    
            </div>
        </div>
        <div class="card mt--4 p-0">
            <div class="card-body p-2 text-center">
                @if (!$id)
                    <button type="submit" name="button_type" value="SAVE" class="btn btn-primary btn-sm">Save</button>
                    <button type="submit" name="button_type" value="SAVE_AND_ADD_ANOTHER"
                        class="btn btn-primary btn-sm">Save & Add Another</button>
                @endif

                @if ($id)
                    <button type="submit" name="button_type" value="Update" class="btn btn-primary btn-sm">Update</button>
                @endif

                <a href="{{ url($url) }}" class="btn btn-danger btn-sm">Cancel</a>
            </div>
        </div>
    </form>

@endsection


@push('footer_scripts_after_init')
    <script>
        $(document).ready(function(){
            showFields();
        })
        function showFields(payment_type){
            if(payment_type=="FULL_PAYMENT"){
                $('#total_advance_amount').val(0);
                $('#total_advance_amount').attr('readonly',true);
                sa=$('#total_receivable_amount').val();
                $('#total_balance_amount').val(sa);
            }

            if(payment_type=="ADVANCE_PAYMENT"){
                $('#total_advance_amount').val(0);
                $('#total_advance_amount').attr('readonly',false);
            }
        }

        function calculateAmounts(){
            var payment_type=$('#payment_type').val();
            if(payment_type){
                var total_receivable_amount=$('#total_receivable_amount').val();
                var total_advance_amount=$('#total_advance_amount').val();
                var total_balance_amount=$('#total_balance_amount').val();

                if(total_advance_amount){
                    if(total_advance_amount < total_receivable_amount){
                        total_balance_amount=total_receivable_amount-total_advance_amount;
                        $('#total_balance_amount').val(total_balance_amount);
                    }else{
                        $('#total_advance_amount').val(0);
                        alert("Advance amount should be less than service cost");
                    }
                }

            }else{
                $('#total_advance_amount').val(0);
                alert("Select Payment Terms");
            }

        }
    </script>
@endpush