@extends('layouts.dashboard-app')

@section('main-content')
    <div class="content-body">
        <div class="container">
            <div class="row page-titles">
                <div class="col p-0">
                    <h4>Hello, <span>Welcome {{ auth()->user()->name }}</span></h4>

                </div>
                <div class="col p-0">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="javascript:void(0)">From</a>
                        </li>
                        <li class="breadcrumb-item active">Basic</li>
                    </ol>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            @if ($errors->any())
                                <div class="alert alert-danger" role="alert">
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">×</span>
                                    </button>

                                    @foreach ($errors->all() as $error)
                                        {{ $error }}<br />
                                    @endforeach
                                </div>
                            @endif


                            {{-- <form class="form-horizontal form-label-left input_mask" method="post" id="step_1"
                                autocomplete="off"> --}}
                            <form class="forms-sample"
                                action="{{ route('coordinator_postpaid.step_1', ['id' => $lead_sale->id]) }}"method="post"
                                enctype="multipart/form-data">
                                @csrf

                                {{-- Chat Hidden Feilds --}}
                                <input type="hidden" name="verification_id" id="verification_id"
                                    value="{{ $operation->id }}" class="dont_hide">
                                <input type="hidden" name="lead_id" id="leadid" value="{{ $operation->id }}"
                                    class="dont_hide">
                                <input type="hidden" name="lead_id" id="lead_id" value="{{ $operation->id }}"
                                    class="dont_hide">
                                <input type="hidden" name="lead_no" id="lead_no" value="{{ $operation->lead_no }}"
                                    class="dont_hide">
                                <input type="hidden" name="ver_id" id="ver_id" value="{{ $operation->ver_id }}"
                                    class="dont_hide">

                                <input type="hidden" name="activation_sold" id="activation_sold_by" placeholder="Sold BY"
                                    class="form-control" value="{{ $operation->saler_name }}" readonly>
                                <input type="hidden" name="activation_sold_by" id="activation_sold_by"
                                    placeholder="Sold BY" class="form-control" value="{{ $operation->saler_id }}" readonly>
                                <input type="hidden" name="saler_id" id="saler_id" placeholder="Sold BY"
                                    class="form-control" value="{{ $operation->saler_id }}" readonly>
                                {{-- Chat Hidden Feilds --}}

                                <!-- form group start -->
                                <!-- Customer name start -->
                                <div class="form-group row">
                                    <div class="col-md-6 col-sm-6 col-xs-12 form-group ">
                                        <label for="simtype">Customer Name</label>
                                        <input class="form-control " id="c_name" placeholder="Customer Name"
                                            name="c_name" type="text" required value="{{ $lead_sale->customer_name }}"
                                            autocomplete="off" readonly>
                                    </div>

                                    <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                        <label for="simtype">Location</label>
                                        <input class="form-control " id="c_location" placeholder="Customer Location"
                                            name="c_location" type="text" required value="{{ $lead_sale->area }}"
                                            autocomplete="off" readonly>
                                    </div>

                                    <div class="col-md-6 col-sm-6 col-xs-12 form-group ">
                                        <label for="simtype">Package Selected</label>
                                        <input class="form-control " id="c_pacakge" placeholder="Customer Package"
                                            name="c_pacakge" type="text" required value="{{ $lead_sale->plan_name }}"
                                            autocomplete="off" readonly>
                                    </div>

                                    <input class="form-control" id="customer_number" placeholder="Customer Number"
                                        name="customer_number" type="hidden" value="{{ $lead_sale->customer_number }}"
                                        autocomplete="off" readonly>


                                    <input class="form-control" id="lead_no" placeholder="Lead Number" name="lead_no"
                                        type="hidden" value="{{ $lead_sale->id }}" autocomplete="off" readonly>


                                </div>


                                <div class="form-group row">

                                    <div class="col-md-6 col-sm-6 col-xs-12 form-group ">
                                        <label for="options_for_call">Options for Contact Customer</label>
                                        <select name="customer_contact" id="customer_contact" class="form-control">
                                            <option value="" disabled selected>Please Select</option>
                                            <option value="1">Call</option>
                                            <option value="2">WhatsApp</option>
                                        </select>
                                    </div>



                                    <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                        <label for="options_for_status">Lead Status</label>
                                        <select name="lead_status" id="lead_status" class="form-control">
                                            <option value="" disabled selected>Please Select</option>
                                            <option value="1">Still Follow Up</option>
                                            <option value="2">Customer Rejected</option>
                                            <option value="3">Appointment Set</option>
                                            <option value="4">Lead Closed</option>

                                        </select>
                                    </div>

                                    <div class="col-md-6 col-sm-6 col-xs-12 form-group d-none" id="rejected_reason_div">
                                        <label for="rejected_reason">Give Reason For Rejected</label>
                                        <input class="form-control" id="rejected_reason"
                                            placeholder="Reason For Rejected" name="rejected_reason" type="text"
                                            autocomplete="off">
                                    </div>

                                    <div class="col-md-6 col-sm-6 col-xs-12 form-group d-none"
                                        id="follow_up_date_time_div">
                                        <label for="follow_up_date_time">Follow Up Date Time</label>
                                        <input class="form-control" id="follow_up_date_time" name="follow_up_date_time"
                                            type="datetime-local">
                                    </div>

                                    <div class="col-md-6 col-sm-6 col-xs-12 form-group d-none" id="appointment_set_div">
                                        <label for="appointment_set_date_time">Appointment Set Date Time</label>
                                        <input class="form-control" id="appointment_set_date_time"
                                            name="appointment_set_date_time" type="datetime-local">
                                    </div>


                                </div>

                                {{-- <div class="form-group"> --}}
                                <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3" id="button_submit">
                                    <input type="submit" class="btn btn-success me-2" value="Submit">
                                    {{-- <input type="button" value="Submit" class="btn btn-success submit_mnp submit_button_on_no" name="upload" id="submit_button"
                                        onclick="VerifyLead('{{ route('processor.step_1') }}','step_1','{{ route('home') }}')"> --}}
                                    {{-- <input type="button" value="Submit"
                                        class="btn btn-success submit_mnp submit_button_on_no" name="upload" id="submit_button"
                                        onclick="VerifyLead('{{ route('elife.direct.submit') }}','elife_form','{{ route('home') }}')"> --}}
                                    {{-- <input value="Follow Up" class="btn btn-success follow_up_mnp follow_up_new"
                                            data-toggle="modal" data-target="#myModalElife" id="follow_up_new"> --}}
                                    {{-- <input type="reset" value="Reset" class="btn btn-primary reset" name="reset"
                                        id="reset"> --}}
                                    {{-- </div> --}}
                                </div>

                                <div class="ln_solid"></div>
                                {{-- lorem --}}
                                <div class="alert alert-danger print-error-msg" style="display:none">
                                    <ul></ul>
                                </div>
                                {{-- lorem --}}

                            </form>

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

            </div>

        </div>
        <!-- #/ container -->
    </div>
@endsection
@include('dashboard.include.chat')