@section('page_content')
<form id="frmConvertLeadsToDeals" name="frmConvertLeadsToDeals" action="{{ route('tenant.leads.converttoleads', array($leads->id, $row_id)) }}" method="POST">
    
    @csrf

    <div class="row">
        <div class="col-sm-10 offset-sm-1 col-md-8 offset-md-4 col-lg-6 offset-lg-3">

            @if ($errors->any())
                <div class="alert alert-danger mb-2">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif 

            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">{{ $card_title }}</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-5">
                            <label>Account Name</label>
                        </div>
                        <div class="col-7">
                            <div class="form-info p-2">{{ $account_name }}</div>
                            <input type="hidden" name="account_name" value="{{ $account_name }}" />
                        </div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-5">
                            <label>Account Type</label>
                        </div>
                        <div class="col-7">
                            <div class="form-info p-2">{{ $account_type }}</div>
                            <input type="hidden" name="account_type" value="{{ $account_type }}" />
                        </div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-5">
                            <label>Contact Name</label>
                        </div>
                        <div class="col-7">
                            <div class="form-info p-2">{{ $lead_name }}</div>
                            <input type="hidden" name="contact_name" value="{{ $lead_name }}" />
                        </div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-5">
                            <label>Deal Name</label>
                        </div>
                        <div class="col-7">
                            <input type="text" name="deal_name" value="{{ $deal_name }}" class="form-control" required />
                        </div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-5">
                            <label class="control-label">Amount</label>
                        </div>
                        <div class="col-7">
                            <div class="input-group mb-2">
                                <div class="input-group-prepend">
                                    <div class="input-group-text">AUD</div>
                                </div>
                                <input type="text" name="deal_amount" class="form-control" placeholder="Enter Amount">
                            </div>
                        </div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-5">
                            <label class="control-label">Target Closing Date</label>
                        </div>
                        <div class="col-7">
                            <div class="input-group">
                                <input id="close_date" class="datepicker-default form-control" placeholder="Close Date" type="text" name="close_date" required />
                                <span class="input-group-append">
                                    <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="row mt-2 mb-4">
                        <div class="col-5">
                            <label class="control-label">Deal Owner</label>
                        </div>
                        <div class="col-7">
                            <select name="deal_owner" class="form-control" required>
                                <option value="">Select Deal Owner</option>
                                @foreach($deal_owners as $owner)
                                    <option value="{{ $owner->id }}" {{ Auth()->user()->id == $owner->id ? 'selected':'' }}>{{ $owner->given_names }} {{ $owner->surname }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    @livewire('leads.lead-status-field', ['submission' => $submission, 'leads' => $leads, 'stages' => $stages, $edit=true])
                </div>
                <div class="card-footer">
                    <div class="row">
                        <div class="col-6">   
                            <a href="{{ route('tenant.leads.edit', array($leads->id, $row_id, 'edit_leads')) }}" class="btn btn-warning btn-block btn-lg">Cancel</a>
                        </div>
                        <div class="col-6">  
                            <button type="submit" class="btn btn-primary btn-block btn-lg">Convert Now</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
@stop