@extends('layouts.app')
@section('style_files')
    <link rel="stylesheet" href="{{ asset('css/jquery.typeahead.min.css') }}">
@endsection
@section('content')
<div class="container" id="main_dealer_files_container">
    @foreach($dealers as $company)
                <div class="{{ $has_import_files_class }}"> 
            <div class="row justify-content-center">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header" onclick="showHideElementByClass('dealer_container_{{ $company->coid }}')" style="cursor: pointer;{{ $block_class }}">FTP credentials for {{ $company->co_name }}</div>
                        <div class="card-body dealer_container_{{ $company->coid }}" style="display: none;">
                            <span class="cursorpointer" onclick="showHideElementByClass('ftp_credentials_container_{{ $company->coid }}')">[Show/Hide credentials]</span>
                            <form method="POST" id="ftp_form_{{ $company->coid }}" action="" class="needs-validation" novalidate>
                                <div class="form-row pt-4 ftp_credentials_container_{{ $company->coid }}" style="display: none">
                                    <div class="form-group col-md-3">
                                        <label for="host">{{ __('Host') }}</label>
                                        <input type="text" id="host" name="host" class="form-control need-validation-inputs" placeholder="Host" required value="{{$ftp_data->host}}" maxlength="191" onchange="updateFtpCredentials(event, '{{ $company->coid }}')" readonly="" oncontextmenu="enableEdit(event, 'ftp_form_{{ $company->coid }}', 'host')">
                                        <div class="invalid-feedback">
                                            Please provide the host.
                                        </div>
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label for="username">{{ __('Username') }}</label>
                                        <input type="text" id="username" name="username" class="form-control need-validation-inputs" placeholder="Username" required value="{{$ftp_data->username}}" maxlength="191" onchange="updateFtpCredentials(event, '{{ $company->coid }}')" readonly="" oncontextmenu="enableEdit(event, 'ftp_form_{{ $company->coid }}', 'username')">
                                        <div class="invalid-feedback">
                                            Please provide the username.
                                        </div>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label for="password">{{ __('Password') }}</label>
                                        <input type="text" id="password" name="password" class="form-control need-validation-inputs" placeholder="Password" required value="{{$ftp_data->password}}" maxlength="191" onchange="updateFtpCredentials(event, '{{ $company->coid }}')" readonly="" oncontextmenu="enableEdit(event, 'ftp_form_{{ $company->coid }}', 'password')">
                                        <div class="invalid-feedback">
                                            Please provide the password.
                                        </div>
                                    </div>
                                    <div class="form-group col-md-2">
                                        <label for="delimiter">{{ __('Delimiter') }}</label>
                                        <input type="text" id="delimiter" name="delimiter" class="form-control need-validation-inputs" placeholder="Delimiter" required value="{{$ftp_data->delimiter}}" maxlength="191" onchange="updateFtpCredentials(event, '{{ $company->coid }}')" readonly="" oncontextmenu="enableEdit(event, 'ftp_form_{{ $company->coid }}', 'delimiter')">
                                        <div class="invalid-feedback">
                                            Please provide the delimiter.
                                        </div>
                                    </div>
                                </div>
                                <input type="hidden" id="dealer_coid" name="dealer_coid" value="{{ $company->coid }}">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center dealer_container_{{ $company->coid }}" style="display: none;">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header" onclick="showHideElementByClass('ftp_files_available_container_{{ $company->coid }}')" style="cursor: pointer">
                            FTP files available for {{ $company->co_name }}
                        </div>
                        <div class="card-body ftp_files_available_container_{{ $company->coid }}" style="display: none;">
                            @if(isset($ftp_files[$company->coid]))
                                @foreach($ftp_files[$company->coid] as $file_name)
                                    <div class="form-row">
                                        <div class="form-group col-md-6" style="font-size: 10px;">
                                            {{ $file_name }}
                                        </div>
                                        <div class="form-group col-md-6">
                                            <button type="submit" name="upload" class="btn btn-primary" onclick="editFtpTemplate(event, '{{ $company->coid }}', '{{ $file_name }}')"><i class="far fa-edit"></i></button>
                                            <button type="submit" name="ftp_export" id="ftp_export" class="btn btn-success" onclick="scrubFtpFile(event, '{{ $company->coid }}', '{{ $file_name }}')"><i class="fas fa-file-export"></i></button>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            <div class="row justify-content-center dealer_container_{{ $company->coid }}" style="display: none;">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">Scrubbed files available for {{ $company->co_name }}</div>
                        <div class="card-body" id="scrubbed_files_{{ $company->coid }}">
                            @if(isset($scrubbed_files[$company->coid]))
                                @foreach($scrubbed_files[$company->coid] as $file_name)
                                                                    <form method="POST" id="scrubbed_form_{{ str_replace('.', '', $file_name) }}" action="" class="needs-validation" novalidate>
                                        <div class="form-row">
                                            <div class="form-group col-md-3" style="font-size: 10px;display:flex;align-items: end;">
                                                {{ $file_name }}
                                                <select id="scrubbed_file_name" name="scrubbed_file_name" style="display:none;">
                                                    <option value="{{ $file_name }}">{{ $file_name }}</option>
                                                </select>
                                            </div>
                                            <div class="form-group col-md-1">
                                                <label for="department">{{ __('Department') }}</label>
                                                <select class="form-control need-validation-inputs form-control-sm" id="department" name="department">
                                                    @include('inputs.select_options', ['options' => $departments_options[$company->coid], 'value_selected' => $selected_department])
                                                </select>
                                            </div>
                                            <div class="form-group col-md-2">
                                                <label for="calltype">{{ __('Call Type') }}</label>
                                                <select class="form-control need-validation-inputs form-control-sm" id="calltype" name="calltype">
                                                    @include('inputs.select_options', ['options' => $calltypes_options, 'value_selected' => $selected_calltype])
                                                </select>
                                            </div>
                                            <div class="form-group col-md-1">
                                                <label for="separator">{{ __('Separator') }}</label>
                                                <input type="text" id="separator" name="separator" class="form-control need-validation-inputs form-control-sm" placeholder="Separator" required value="{{ $selected_separator }}" maxlength="191">
                                                <div class="invalid-feedback">
                                                    Please provide the file separator.
                                                </div>
                                            </div>
                                            <div class="form-group col-md-1">
                                                <label for="date_range">{{ __('Date Range') }}</label>
                                                <select id="date_range" name="date_range" class="form-control form-control-sm">
                                                    <option value="" selected >None</option>
                                                    <option value="service_date"  >Service Date</option>
                                                    <option value="sale_date"  >Sale Date</option>
                                                    <option value="last_service_date"  >Last Service Date</option>
                                                    <option value="service_apt_date"  >Service Apt Date</option>
                                                    <option value="sales_apt_date"  >Sales Apt Date</option>
                                                    <option value="lead_date"  >Lead Date</option>
                                                </select>
                                            </div>
                                            <div class="form-group col-md-1">
                                                <label for="startdate">{{ __('From') }}</label>
                                                <input type="text" id="startdate" name="startdate" class="form-control need-validation-inputs form-control-sm date_input" placeholder="From" value="" maxlength="191">
                                                <div class="invalid-feedback">
                                                    Please provide the file start date.
                                                </div>
                                            </div>
                                            <div class="form-group col-md-1">
                                                <label for="enddate">{{ __('To') }}</label>
                                                <input type="text" id="enddate" name="enddate" class="form-control need-validation-inputs form-control-sm date_input" placeholder="To" value="" maxlength="191">
                                                <div class="invalid-feedback">
                                                    Please provide the end date.
                                                </div>
                                            </div>
                                            <div class="form-group col-md-2" style="display:flex;align-items: end;">
                                                <button type="submit" name="save_file_options_button" id="save_file_options_button" class="btn btn-primary" onclick="saveFileOptions(event, '{{ $company->coid }}', '{{ $file_name }}')"><i class="far fa-save"></i></button>
                                                &nbsp;
                                                &nbsp;
                                                <button type="submit" name="scrubbed_file_template_button" id="scrubbed_file_template_button" class="btn btn-primary" onclick="editScrubbedFileTemplate(event, '{{ $company->coid }}', '{{ $file_name }}')"><i class="far fa-edit"></i></button>
                                                &nbsp;
                                                &nbsp;
                                                <button type="submit" name="review_scrubbed_file_button" id="review_scrubbed_file_button" class="btn btn-success" onclick="reviewScrubbedFile(event, '{{ $file_name }}')"><i class="fas fa-file-export"></i></button>
                                            </div>
                                        </div>
                                        <input type="hidden" id="review_coid" name="review_coid" value="{{ $company->coid }}">
                                    </form>
                                @endforeach
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <br>
    @endforeach
</div>
@endsection
@section('scripts_extra')
    <script type="text/javascript">
        $('.date_input').datepicker({
            language: "en",
            autoclose: true,
            orientation: "top",
        });

        $('.date_input').datepicker({
            language: "en",
            autoclose: true,
            orientation: "top",
        });

        $('.has_import_files').each(function(index, el) {
            $('#main_dealer_files_container').prepend($(this));            
        });
    </script>
@endsection