@extends('layouts.app')

@section('title', 'Edit Transaction')

{{-- custom css --}}
@push('css')
<link rel="stylesheet" href="{{ asset('assets/css/custom/lead.css') }}">
@endpush

@section('content')

<x-content-body>

    <x-breadcrumbs :breadcrumbs="$breadcrumbs" />

    <x-row-card>
        <x-slot:title>
            <h4 class="card-title">Edit Transaction</h4>
        </x-slot:title>

        <x-form id="edit-transaction-form">
            <div class="row">

                @method('PUT')

                <!-- Transaction Name -->
                <div class="col-md-6 mb-3">
                    <x-input-label for="transactionName" :value="__('Transaction Name')" />
                    <x-text-input name="transaction_name"
                        :value="old('transaction_name', $transaction['transaction_name'] ?? '')"
                        placeholder="Enter transaction name" />
                </div>

                <!-- Associated contat  -->
                <div class="col-md-6 mb-3">
                    <label for="associatedLead" class="form-label">Associated Lead</label>
                    <select class="form-select" name="contact_id" id="">
                        <option selected value="">Choose Option</option>
                        @forelse ($contacts as $contact)
                        <option value="{{ $contact['id'] }}" @selected(old('contact_id', $transaction['contact_id']
                            ?? '' )==$contact['id'] )> {{ $contact['f_name'] }} {{ $contact['l_name'] }}</option>
                        @empty
                        <option selected value=""> Contact Not Found  </option>
                        @endforelse
                    </select>
                </div>

                <!-- Transaction Owner -->
                <div class="col-md-6 mb-3">
                    <label for="transactionOwner" class="form-label">Transaction Owner</label>
                    <select class="form-select" name="user_id" id="">
                        <option selected value="">Choose Option</option>
                        @forelse ($users as $user)
                        <option value="{{ $user['id'] }}" @selected(old('user_id', $transaction['team_id'] ?? '')==$user['id'] )> 
                            {{ $user['f_name']." ".$user['m_name']."".$user['l_name']  }}</option>
                        @empty
                        <option selected value=""> User Not Found </option>
                        @endforelse
                    </select>
                </div>

                <!-- Transaction Type -->
                <div class="col-md-6 mb-3">
                    <label for="transactionType" class="form-label">Transaction Type</label>
                    <select class="form-select" id="transactionType" name="transaction_type">
                        <option value="" selected>Select transaction type</option>
                        <option value="sale" @selected(old('transaction_type', $transaction['transaction_type'] ?? ''
                            )=='sale' )>Sale</option>
                        <option value="purchase" @selected(old('transaction_type', $transaction['transaction_type']
                            ?? '' )=='purchase' )>Purchase</option>
                        <option value="lease" @selected(old('transaction_type', $transaction['transaction_type'] ?? ''
                            )=='lease' )>Lease</option>
                    </select>
                </div>

                <!-- Transaction Stage -->
                <div class="col-md-6 mb-3">
                    <label for="transactionStage" class="form-label">Transaction Stage</label>
                    <select class="form-select" id="transactionStage" name="transaction_stage">
                        <option value="" selected>Select transaction stage</option>
                        <option value="initiated" @selected(old('transaction_stage', $transaction['transaction_stage']
                            ?? '' )=='initiated' )>Pre Listing</option>
                        <option value="in-progress" @selected(old('transaction_stage', $transaction['transaction_stage']
                            ?? '' )=='in-progress' )>Listing</option>
                        <option value="pending" @selected(old('transaction_stage', $transaction['transaction_stage']
                            ?? '' )=='pending' )>Pending</option>
                        <option value="close" @selected(old('transaction_stage', $transaction['transaction_stage'] ?? ''
                            )=='close' )>Close</option>
                        <option value="expire" @selected(old('transaction_stage', $transaction['transaction_stage']
                            ?? '' )=='expire' )>Expired / Withdrawn</option>
                    </select>
                </div>

                <div class="offset-3 col-md-3 ">
                    <button type="submit" class="btn btn-primary btn-sm submit mt-3">Update Transaction</button>
                </div>
            </div>
            </div>
        </x-form>
    </x-row-card>
</x-content-body>
@endsection


{{-- custom js --}}
@push('js')

<script>
    let transactionUpdateRoute = @json(route('transactions.update', ['transaction' => $transaction['id']]));
    let showAllTransactionRoute = @json(route('transactions.index'));
</script>
<script src="{{ asset('assets/js/custom/transaction.js') }}"></script>
@endpush