@extends ('../welcome')
@section ('content')

<form action="{{ route('communications.store') }}" method="POST">
    @csrf
    <div class="row">
        <div class="col-md-6">
            <div class="card card-default">
                <div class="card-header">
                    <h3 class="card-title col-10">
                        Action Details
                    </h3>
                </div>
                <div class="card-body">
                    <div class="form-group">
                        @if(empty($leadData))
                        <label for="lead_id">Lead: </label>
                        <select name="lead_id" class="select2 custom-select form-control-border" id="lead_id">
                            @foreach($leads as $lead)
                            <option value="{{$lead->id}}">{{$lead->name}}</option>
                            @endforeach
                        </select>
                        @else
                        <div class="form-group mb-3">
                            <label>Lead: </label>
                            <input class="form-control" value="{{$leadData->name}}" disabled>
                        </div>
                        <input type="hidden" name="lead_id" value="{{$leadData->id}}">
                        @endif
                    </div>
                    <div class="form-group">
                        <label for="lead_status">Lead Status: </label>
                        @if(empty($leadData))
                        <select name="lead_status" class="select2 custom-select form-control-border" id="lead_status">
                            <option value="new">new</option>
                            <option value="in-process">in-process</option>
                            <option value="interestad">interestad</option>
                            <option value="not_interested">not_interested</option>
                            <option value="wait">wait</option>
                            <option value="follow_up">follow_up</option>
                            <option value="recycled">recycled</option>
                            <option value="converted">converted</option>
                            <option value="dead">dead</option>
                        </select>
                        @else
                        <select name="lead_status" class="select2 custom-select form-control-border" id="lead_status">
                            <option value="new" {{$leadData->status == 'new' ? 'selected' : ''}}>new</option>
                            <option value="in-process" {{$leadData->status == 'in-process' ? 'selected' : ''}}>
                                in-process</option>
                            <option value="interestad" {{$leadData->status == 'interestad' ? 'selected' : ''}}>
                                interestad</option>
                            <option value="not_interested" {{$leadData->status == 'not_interested' ? 'selected' : ''}}>
                                not_interested</option>
                            <option value="wait" {{$leadData->status == 'wait' ? 'selected' : ''}}>wait</option>
                            <option value="follow_up" {{$leadData->status == 'follow_up' ? 'selected' : ''}}>
                                follow_up</option>
                            <option value="recycled" {{$leadData->status == 'recycled' ? 'selected' : ''}}>recycled
                            </option>
                            <option value="converted" {{$leadData->status == 'converted' ? 'selected' : ''}}>
                                converted</option>
                            <option value="dead" {{$leadData->status == 'dead' ? 'selected' : ''}}>dead</option>
                        </select>
                        @endif
                    </div>
                    <div class="form-group mb-3">
                        <label>Call Action: </label>
                        <select name="call_action_id" class="select2 custom-select form-control-border"
                            id="call_action_id">
                            @foreach ($callActions as $callAction)
                            <option value="{{$callAction->id}}">{{$callAction->name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group mb-3">
                        <label>Description: </label>
                        <textarea type="text" class="form-control" rows="10" cols="30" name="description"></textarea>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card card-default">
                <div class="card-header">
                    <h3 class="card-title col-10">
                        Next Action
                    </h3>
                    <button type="button" title="plan for next action" class="btn btn-light" id="actionBtn">
                        <li class="fas fa-calendar"></li>
                    </button>
                </div>
                <div class="card-body">
                    <div id="NextAction">
                        <div class="form-group mb-3">
                            <label>Action Type: </label>
                            <select name="type" class="select2 custom-select form-control-border" id="type">
                                <option value="call">Call</option>
                                <option value="meeting">Meeting</option>
                            </select>
                        </div>
                        @if(auth()->user()->type == 'admin')
                        <div class="form-group mb-3">
                            <label>Assign User: </label>
                            <select name="user_id" class="select2 custom-select form-control-border" id="user_id">
                                <option value=""></option>
                                @foreach ($users as $user)
                                <option value="{{$user->id}}">{{$user->name}}</option>
                                @endforeach
                            </select>
                        </div>
                        @endif
                        <div class="form-group mb-3">
                            <label>Next Action: </label>
                            <input class="form-control" type="datetime-local" id="start_date" name="start_date">
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div style="margin-left:40%;    ">
            <button type="submit" class="btn btn-info">Submit</button>
        </div>
</form>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-
<script>
$(document).ready(function() {
    $("#NextAction").hide();

    $('#actionBtn').on('click', () => {

        $("#NextAction").animate({
            height: 'toggle'
        });

    });

});
</script>
@endsection