@extends ('../welcome')


@section ('content')
<div class="card">
    <div class="card-body register-card-body">
        <p class="login-box-msg">Edit Lead</p>

        <form action="{{ route('leads.update',$lead->id) }}" method="POST">
            @csrf
            @method('PUT')
            <input type="hidden" value="{{$lead->id}}" name="id">
            
            
            <div id="inputFormRow">
                <div class="row">
                    <div class="col-3">
                        <label>Mobile Numbers</label>
                        <button style="margin-top:-5px" id="addRow" type="button" class="btn btn-light"
                            style="margin-top:33px">
                            <i class="fas fa-plus"></i>
                        </button>
                    </div>
                </div>
                
                @for($i=0; $i < count($phones); $i++)
                <div class="row">
                <div class="col-2">
                    <div class="form-group" style="margin-top:20px;">
                    <select name="country_id[]" class="select2 custom-select form-control-border" id="Country{{$i}}">
                        @foreach ($countries as $country)
                        <option value="{{$country->id}}" {{$country->id == $phones[$i]->country->id ? 'selected' : ''}}>{{$country->name}} +{{$country->phonecode}}</option>
                        @endforeach
                    </select>
                    </div>
                </div>

                    <div class="col-3">
                        <input type="text" class="form-control m-input" value="{{$phones[$i]->phone}}"
                            placeholder="Phone Number" name="mobile_number[]" style="margin-top:20px;">
                    </div>
                </div>
                @endfor
                
                    <div id="newRow"></div>
            </div>

            <div class="form-group mb-3">
                <label>Job Title</label>
                <input type="text" class="form-control" value="{{old('job_title',$lead->job_title)}}" name="job_title">
            </div>
            <div class="row">
                <div class="form-group col-6">
                    <label>Campaign</label>
                    <select name="campaign_id" class="select2 custom-select form-control-border" id="Campaign">
                        @foreach ($campaigns as $campaign)        
                        <option value="{{$campaign->id}}" {{$campaign->id == $lead->campaign_id ? 'selected' : ''}}>{{$campaign->name}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group col-6">
                    <label>Source</label>
                    <input type="text" class="form-control" value="{{$lead->came_from}}" name="came_from">
                </div>
            </div>
            
            <div class="form-group mb-3">
                <label>Status</label>
                <select name="status" class="select2 custom-select form-control-border" id="status">
                    <option value="new" {{old('status',$lead->status) == 'new' ?'selected':''}}>New</option>
                    <option value="in-process" {{old('status',$lead->status) == 'in-process' ?'selected':''}}>In-Process
                    </option>
                    <option value="interestad" {{old('status',$lead->status) == 'interestad' ?'selected':''}}>Interestad
                    </option>
                    <option value="not_interested" {{old('status',$lead->status) == 'not_interested' ?'selected':''}}>
                        Not Interested</option>
                    <option value="wait" {{old('status',$lead->status) == 'wait' ?'selected':''}}>Wait</option>
                    <option value="follow_up" {{old('status',$lead->status) == 'follow_up' ?'selected':''}}>Follow Up
                    </option>
                    <option value="recycled" {{old('status',$lead->status) == 'recycled' ?'selected':''}}>Recycled
                    </option>
                    <option value="converted" {{old('status',$lead->status) == 'converted' ?'selected':''}}>Converted
                    </option>
                    <option value="dead" {{old('status',$lead->status) == 'dead' ?'selected':''}}>Dead</option>
                </select>
            </div>
            @if(auth()->user()->hasRole('SuperAdmin'))
            <div class="form-group">
                <label for="user_id">Assigned User</label>
                <select name="user_id" class="select2 custom-select form-control-border" id="user_id">
                    @foreach ($users as $user)
                    <option {{ $user->id === old('user_id',$lead->user_id) ? 'selected' : '' }} value="{{$user->id}}">
                        {{$user->name}}</option>
                    @endforeach
                </select>
            </div>
            @else
            <div class="form-group">
                <label for="user_id">Assigned User</label>
                <select name="user_id" class="select2 custom-select form-control-border" id="user_id" disabled>
                    @foreach ($users as $user)
                    <option {{ $user->id === old('user_id',$lead->user_id) ? 'selected' : '' }} value="{{$user->id}}">
                        {{$user->name}}</option>
                    @endforeach
                </select>
                <input type="hidden" value="{{$lead->user_id}}" name="user_id">
            </div>
            @endif
            <div class="col-6" style="float:right;">
                <button type="submit" class="btn btn-primary">Submit</button>
            </div>
            <!-- /.col -->
    </div>
    </form>
</div>
<!-- /.form-box -->

<script src="{{asset('asset/plugins/jquery/jquery.min.js')}}"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
// add row
$("#addRow").click(function() {
    var html = '';
    html += `
    <div id="inputFormRow">
        <div class="row">
            <div class="col-3">
                <select name="country_id[]" class="select2 custom-select form-control-border" id="Country" style="margin-top:20PX; margin-bottom:30px;">
                    @foreach ($countries as $country)
                    <option value="{{$country->id}}">{{$country->name}} +{{$country->phonecode}}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-3" style="margin-top:20px;">
                <input type="text" class="form-control m-input" value="{{old('phone_number')}}"
                    placeholder="Phone Number" name="mobile_number[]">
            </div>
                    
            <div class="col-2" style="padding-top:35px;margin-top:-15px">
                <button id="removeRow" type="button" class="btn btn-danger">
                <i class="fas fa-trash-alt"></i>
                </button>
            </div>
        </div>
    </div>`;

    $('#newRow').append(html);
});

// remove row
$(document).on('click', '#removeRow', function() {
    $(this).closest('#inputFormRow').remove();
});
</script>
@endsection