@extends('layouts.app')

@section('title', 'Leads')

@section('page-specific-style')


@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <h4 class="mb-0">Edit Activity</h4>
{{--{{ dd($activity->lead) }}--}}
            </div>
            <div class="col-12 sm-RnP">
                <div class="card">
                    <div class="card-body">
                        @include('includes.alerts')
                        @include('includes.errors')
                        <div class="row">
                            <div class="col-12 ">

                                <form action="{{ route('activities.update',$activity->id) }}" method="POST" autocomplete="off" id="leadActivityEditForm">
                                    @csrf
                                    <div class="form-group row mt-4">
                                        <label  class="col-sm-3 col-form-label" for="">Select Lead : </label>
                                        <div class="col-sm-9">
                                            <select name="lead_id" id="lead_id_autocomplete_edit" class="form-control autocomplete" style="width: 100%">
                                                <option value="{{ $activity->lead_id }}" selected>{{ $activity->lead->fullName }}</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group row mt-4">
                                        <label  class="col-sm-3 col-form-label" for="">State : </label>
                                        <div class="col-sm-9">
                                            @foreach($activityStates as $activityState)
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="state"
                                                           {{ ($activity->state == $activityState->value) ? 'checked' : '' }}
                                                           value="{{ $activityState->value }}">
                                                    <label class="form-check-label" for="inlineRadio1">{{ $activityState->value }}</label>
                                                </div>
                                            @endforeach

                                        </div>
                                    </div>
                                    <div class="form-group row mt-4">
                                        <label  class="col-sm-3 col-form-label" for="">Date : </label>
                                        <div class="col-sm-9">
                                            <input type="datetime-local" name="date" id="date" class="form-control"
                                                   value="{{ $activity->date() }}"
                                                   onfocus="this.showPicker()">
                                        </div>
                                    </div>
                                    <div class="form-group row mt-4">
                                        <label  class="col-sm-3 col-form-label" for="">Type : </label>
                                        <div class="col-sm-3">
                                            <select class="form-control" name="type" id="type">
                                                <option value="" >Select Type</option>
                                                @foreach($activityTypes as $activityType)
                                                    <option value="{{ $activityType->value }}"
                                                        {{ ($activity->type == $activityType->value) ? 'selected' : '' }}
                                                    >{{ $activityType->value }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <label  class="col-sm-3 col-form-label" for="">Assigned To : </label>
                                        <div class="col-sm-3">
                                            <select name="agent_id" class="form-control" id="agent_id">
                                                <option value="" >Select Agent</option>
                                                @foreach($agents as $agent)
                                                    <option value="{{ $agent->id }}"
                                                        {{ ($activity->agent_id == $agent->id) ? 'selected' : '' }}
                                                    >{{ $agent->name }}</option>
                                                @endforeach
                                            </select>

                                        </div>
                                    </div>
                                    <div class="form-group row mt-4">
                                        <label  class="col-sm-3 col-form-label" for="">Description : </label>
                                        <div class="col-sm-9">
                                            <input type="text" name="description" class="form-control" id="description"
                                                value="{{ $activity->description }}"
                                            >
                                        </div>
                                    </div>
                                    <div class="form-group row mt-4">
                                        <div class="col-sm-12 text-end">
                                            <button type="submit" class="btn btn-primary">Update</button>
                                        </div>
                                    </div>
                                </form>

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

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


@endsection

@section('page-specific-script')
    @parent

    <script>
        $(document).ready(function() {
            $('#lead_id_autocomplete_edit').select2({
                placeholder: 'Select Lead',
                minimumInputLength : 3,
                ajax : {
                    url : "/activities/leads",
                    dataType: 'json',
                    processResults: function (data) {
                        return {
                            results: data.data
                        };
                    }
                }
            });
        });
    </script>

@endsection