@extends('admin.layouts.main-layout')
@section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    {{-- <h1 class="m-0">Edit Firm</h1> --}}
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('firms.index') }}">Firms</a></li>
                        <li class="breadcrumb-item active">Edit Firm</li>
                    </ol>
                </div>

                <div class="mt-3 col-12 col-sm-12">
                    <div class="card card-primary card-outline card-outline-tabs">
                        @if (session('success'))
                        <div class="alert alert-success alert-dismissible">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            <i class="icon fas fa-check"></i>{{ session('success') }}
                        </div>
                        @endif
                        <div class="card-header p-0 border-bottom-0">
                            <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" id="custom-tabs-four-home-tab" data-toggle="pill"
                                        href="#custom-tabs-four-home" role="tab" aria-controls="custom-tabs-four-home"
                                        aria-selected="true">Details</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="custom-tabs-four-messages-tab" data-toggle="pill"
                                        href="#custom-tabs-four-messages" role="tab"
                                        aria-controls="custom-tabs-four-messages" aria-selected="false">Scraping Rules</a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link" id="custom-tabs-four-settings-tab" data-toggle="pill"
                                        href="#custom-tabs-four-settings" role="tab"
                                        aria-controls="custom-tabs-four-settings" aria-selected="false">Settings</a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link" id="custom-tabs-offices-tab" data-toggle="pill"
                                        href="#custom-tabs-offices" role="tab" data-tab="office"
                                        data-url="{{ route('firm-offices.fetch', $firm->id) }}"
                                        data-sortcolumn="{{ config('constants.sorting.firm_offices.column') }}"
                                        data-sortdirection="{{ config('constants.sorting.firm_offices.direction') }}"
                                        aria-controls="custom-tabs-offices" aria-selected="false">Offices</a>
                                </li>

                                {{-- <li class="nav-item">
                                    <a class="nav-link" id="custom-tabs-titles-tab" data-toggle="pill"
                                        href="#custom-tabs-titles" role="tab" data-tab="title"
                                        data-sortcolumn="{{ config('constants.sorting.titles.column') }}"
                                        data-sortdirection="{{ config('constants.sorting.titles.direction') }}"
                                        data-url="{{ route('firm-titles.fetch', $firm->id) }}"
                                        aria-controls="custom-tabs-titles" aria-selected="false">Titles</a>
                                </li> --}}

                            </ul>
                        </div>

                        <div class="card-body">
                            <div class="alert alert-success alert-dismissible d-none">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                <i class="icon fas fa-check"></i>
                                <span id="alertMessage"></span>
                            </div>
                            <div class="alert alert-danger alert-dismissible d-none">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                <i class="icon fas fa-check"></i>
                                <span id="alertMessage"></span>
                            </div>
                            <div class="tab-content" id="custom-tabs-four-tabContent">
                                <div class="tab-pane fade active show" id="custom-tabs-four-home" role="tabpanel" aria-labelledby="custom-tabs-four-home-tab">
                                    <section class="content" style="width: 100%">
                                        <div class="container-fluid">
                                            <div class="card card-light">
                                                @if ($errors->any())
                                                    <div class="alert alert-danger alert-dismissible">
                                                        <button type="button" class="close" data-dismiss="alert"
                                                            aria-hidden="true">×</button>
                                                        Please resolve following errors:
                                                        <ul>
                                                            @foreach ($errors->all() as $error)
                                                                <li>{{ $error }}</li>
                                                            @endforeach
                                                        </ul>
                                                    </div>
                                                @endif
                                                <form method="POST" id="firmUpdate" action="{{ route('firms.update', $firm->id) }}">
                                                    <input type="hidden" name="firm_id" id="firm_id" value="{{ $firm->id }}">
                                                    @csrf
                                                    @method('PUT')
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="form-group">
                                                                    <label for="name">Name</label>
                                                                    <input type="text" class="form-control"
                                                                        name="name" value="{{ $firm->name }}"
                                                                        id="name" placeholder="Enter firm name">
                                                                </div>
                                                            </div>

                                                            <div class="col-6">
                                                                <div class="form-group">
                                                                    <label for="url">Website Url</label>
                                                                    <input type="text" class="form-control"
                                                                        name="url" value="{{ $firm->url }}"
                                                                        id="url" placeholder="Enter firm url">
                                                                </div>
                                                            </div>

                                                            <div class="col-6">
                                                                <div class="form-group">
                                                                    <label for="url">Code</label>
                                                                    <input type="text" class="form-control"
                                                                        name="code"
                                                                        value="{{ $firm->code ?? '' }}"
                                                                        id="code" placeholder="Enter code">
                                                                </div>
                                                            </div>

                                                            <div class="col-6">
                                                                <div class="form-group">
                                                                    <label for="task_id">Task Id (Octaparse)</label>
                                                                    <input type="text" class="form-control"
                                                                        name="task_id"
                                                                        value="{{ $firm->task_id ?? '' }}"
                                                                        id="task_id" placeholder="Enter task id">
                                                                </div>
                                                            </div>

                                                            <div class="col-6">
                                                                <div class="form-group">
                                                                    <label for="url">Initial Candidate Count</label>
                                                                    <input type="text" class="form-control"
                                                                        name="initial_candidate_count"
                                                                        value="{{ $firm->initial_candidate_count ?? '' }}"
                                                                        id="code" placeholder="Enter candidate count">
                                                                </div>
                                                            </div>

                                                            @if ($firm->status == 'merged')
                                                                <div class="col-12 mt-2">
                                                                    <div class="form-group">
                                                                        <label>Status: </label>
                                                                        Merged with <a href="{{route('firms.edit',$firm->mergedWithFirm->id)}}" target="_blank"> {{$firm->mergedWithFirm->name ?? '' }}</a> on
                                                                        {{ \Carbon\Carbon::parse($firm->merged_on)->format('d M, Y') }}
                                                                    </div>
                                                                </div>
                                                            @else
                                                                <div class="col-6">
                                                                    <div class="form-group">
                                                                        <label for="exampleInputPassword1">Status</label>
                                                                        <select class="select2" name="status" id="firm_status" style="width: 100%;">
                                                                            @foreach (config('constants.status.firms') as $key => $value)
                                                                                <option @if ($firm->status == $key) selected @endif value="{{ ucfirst($value) }}">
                                                                                    {{ ucfirst($key) }}
                                                                                </option>
                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>

                                                                <div class="col-6  @if($firm->status != 'merged') d-none @endif" id="mergeFirmDiv">
                                                                    <div class="form-group">
                                                                        <label for="mergeFirmSelect">Merged With (Select Firm)</label>
                                                                        <select id="mergeFirmSelect" name="merged_with_firm_id" style="width: 100%"></select>
                                                                        <span class="invalid-feedback firm_id" role="alert">
                                                                            <span></span>
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <!-- /.card-body -->

                                                    <div class="card-footer">
                                                        <button type="submit" class="btn btn-primary">Update</button>
                                                        <button type="button" onclick="window.location.href='{{ route('firms.index') }}'" class="ml-2 btn btn-default">Cancel</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </section>
                                </div>

                                <div class="tab-pane fade" id="custom-tabs-four-messages" role="tabpanel" aria-labelledby="custom-tabs-four-messages-tab">
                                    <section class="content" style="width: 100%">
                                        <div class="container-fluid">
                                            <div class="card card-light">
                                                @if ($errors->any())
                                                    <div class="alert alert-danger alert-dismissible">
                                                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                                        Please resolve following errors:
                                                        <ul>
                                                            @foreach ($errors->all() as $error)
                                                                <li>{{ $error }}</li>
                                                            @endforeach
                                                        </ul>
                                                    </div>
                                                @endif
                                                <form method="POST" id="updateFirmPattern" action="{{ route('firms.updatePattern', $firm->id) }}">
                                                    @csrf
                                                    <div class="card-body">
                                                        <div class="row">

                                                            {{-- <div class="col-6">
                                                                <div class="form-group">
                                                                    <label for="pattern">Additional Candidate Url (If any please add trailing url only)</label>
                                                                    <input type="text" class="form-control"  name="candidate_additional_url" value="{{ $firm->candidate_additional_url }}" id="candidate_additional_url" placeholder="Enter here..">
                                                                </div>
                                                            </div> --}}

                                                            <div class="col-4">
                                                                <div class="form-group">
                                                                    <label for="not_found_page_404_header">Not Found Page (404 header)</label>
                                                                    <select class="select2" name="not_found_page_404_header" id="not_found_page_404_header" style="width: 100%;">
                                                                        <option @if ($firm->not_found_page_404_header == 1) selected @endif value="1">Yes</option>
                                                                        <option @if ($firm->not_found_page_404_header == 0) selected @endif value="0">No</option>
                                                                    </select>
                                                                </div>
                                                            </div>

                                                            <div class="col-4">
                                                                <div class="form-group">
                                                                    <label for="not_found_page_title">Not Found Page Title</label>
                                                                    <input type="text" class="form-control"  name="not_found_page_title" value="{{ $firm->not_found_page_title }}" id="not_found_page_title" placeholder="Not found page title..">
                                                                </div>
                                                            </div>

                                                            <div class="col-4">
                                                                <div class="form-group">
                                                                    <label for="not_found_page_title_exact_match">Not Found Page Title (Exact Match)</label>
                                                                    <input type="text" class="form-control"  name="not_found_page_title_exact_match" value="{{ $firm->not_found_page_title_exact_match }}" id="not_found_page_title_exact_match" placeholder="Not Found Page Title Exact Match..">
                                                                </div>
                                                            </div>

                                                            <div class="col-5">
                                                                <div class="form-group">
                                                                    <label for="pattern">Container Pattern (for source code)</label>
                                                                    <input type="text" class="form-control"  name="container_pattern" value="{{ $firm->container_pattern }}" id="container_pattern" placeholder="Enter container pattern here..">
                                                                </div>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="form-group mt-2">
                                                                    <a href="#" id="addRow">Add Additional Exclude Rules (for source code)</a>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="form-group" id="dynamicRows">
                                                                    @foreach ($firm->firmPatterns as $pattern)
                                                                    <div class="row mb-3">
                                                                        <div class="col-9">
                                                                            <input type="hidden" value="" name="pattern_ids[]" value="{{$pattern->id}}">
                                                                            <input value="{{$pattern->pattern}}" class="form-control" type="text" name="patterns[]" placeholder="Enter exclude pattern..">
                                                                        </div>
                                                                        <div class="col-3">
                                                                            <button class="remove-btn btn btn-danger btn-sm">Remove</button>
                                                                        </div>
                                                                    </div>
                                                                    @endforeach
                                                                    <!-- Rows will be added here -->
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- /.card-body -->

                                                    <div class="card-footer">
                                                        <button type="submit" class="btn btn-primary">Submit</button>
                                                        <button type="button" onclick="window.location.href='{{ route('firms.index') }}'" class="ml-2 btn btn-default">Cancel</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </section>
                                </div>

                                <div class="tab-pane fade" id="custom-tabs-four-settings" role="tabpanel" aria-labelledby="custom-tabs-four-settings-tab">
                                    <section class="content" style="width: 100%">
                                        <div class="container-fluid">
                                            <div class="card card-light">
                                                @if ($errors->any())
                                                    <div class="alert alert-danger alert-dismissible">
                                                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                                        Please resolve following errors:
                                                        <ul>
                                                            @foreach ($errors->all() as $error)
                                                                <li>{{ $error }}</li>
                                                            @endforeach
                                                        </ul>
                                                    </div>
                                                @endif
                                                <form method="POST" id="updateFirmSettings" action="{{ route('firms.updateSettings', $firm->id) }}">
                                                    @csrf
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="form-group">
                                                                    <label for="not_at_employer_threshold">Not At Employer Threshold (In Percentage)</label>
                                                                    <input type="number" class="form-control"  name="not_at_employer_threshold" value="{{ $firm->not_at_employer_threshold }}" id="not_at_employer_threshold" placeholder="">
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="form-group">
                                                                    <label for="missing_field_threshold">Missing Field Threshold (In percentage)</label>
                                                                    <input type="number" class="form-control"  name="missing_field_threshold" value="{{ $firm->missing_field_threshold }}" id="missing_field_threshold" placeholder="">
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="form-group">
                                                                    <label for="candidate_count_difference_threshold">Candidate Count Difference Threshold (In Percentage)</label>
                                                                    <input type="number" class="form-control"  name="candidate_count_difference_threshold" value="{{ $firm->candidate_count_difference_threshold }}" id="candidate_count_difference_threshold" placeholder="">
                                                                </div>
                                                            </div>

                                                            <div class="col-6">
                                                                <div class="form-group">
                                                                    <label for="initial_candidate_count_threshold">Initial Candidate Count Threshold (In Percentage)</label>
                                                                    <input type="number" class="form-control"  name="initial_candidate_count_threshold" value="{{ $firm->initial_candidate_count_threshold }}" id="initial_candidate_count_threshold" placeholder="">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- /.card-body -->

                                                    <div class="card-footer">
                                                        <button type="submit" class="btn btn-primary">Update</button>
                                                        <button type="button" onclick="window.location.href='{{ route('firms.index') }}'" class="ml-2 btn btn-default">Cancel</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </section>
                                </div>

                                <div class="tab-pane fade" id="custom-tabs-offices" role="tabpanel" aria-labelledby="custom-tabs-offices-tab">
                                    <section class="content" style="width: 100%">
                                        <div class="container-fluid">
                                            <button type="button" id="addOffice" class="btn btn-default mb-3" data-toggle="modal">
                                                Add New Office
                                            </button>
                                            <div class="card card-light" id="office-grid-data">

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

                                <div class="tab-pane fade" id="custom-tabs-titles" role="tabpanel" aria-labelledby="custom-tabs-titles-tab">
                                    <section class="content" style="width: 100%">
                                        <div class="container-fluid">
                                            <div class="card card-light" id="title-grid-data">

                                            </div>
                                        </div>
                                    </section>
                                </div>
                                <input type="hidden" id="sortColumn" value="">
                                <input type="hidden" id="sortDirection" value="">
                            </div>
                        </div>
                        <!-- /.card -->
                    </div>
                </div>

            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    {{-- <section class="content">
        <div class="container-fluid">
            <div class="card card-light">
                    @if ($errors->any())
                        <div class="alert alert-danger alert-dismissible">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            Please resolve following errors:
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <form method="POST" id="updateFirm" action="{{ route('firms.update',$firm->id) }}">
                        @csrf
                        @method('PUT')
                    <div class="card-body">
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="name">Name</label>
                                    <input type="text" class="form-control" name="name" value="{{$firm->name}}" id="name" placeholder="Enter firm name">
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <label for="url">Website Url</label>
                                    <input type="text" class="form-control" name="url" value="{{$firm->url}}"  id="url" placeholder="Enter firm url">
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <label for="url">Code</label>
                                    <input type="text" class="form-control" name="code" value="{{$firm->firmScraper->code ?? ''}}"  id="code" placeholder="Enter code">
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <label for="task_id">Task Id (Octaparse)</label>
                                    <input type="text" class="form-control" name="task_id" value="{{$firm->firmScraper->task_id ?? ''}}"  id="task_id" placeholder="Enter task id">
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <label for="exampleInputPassword1">Status</label>
                                    <select class="select2" name="status" style="width: 100%;">
                                        @foreach (config('constants.status.default') as $key => $value)
                                            <option @if ($firm->status == ucfirst($key)) selected @endif value="{{ ucfirst($value) }}">{{ ucfirst($key) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                        </div>
                    </div>
                    <!-- /.card-body -->

                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </section> --}}
    @include('admin.modals.firm-offices.add-office')
    @include('admin.modals.firm-offices.edit-office')
    @include('admin.modals.firm-titles.edit-firm-title-synonym')
@endsection
@section('footerJsCode')
<script>
    $(document).ready(function() {
        $('#mergeFirmSelect').select2({
            placeholder: 'Search and select a firm',
            minimumInputLength: 2,
            ajax: {
                url: '{{ route("firms.search") }}',
                dataType: 'json',
                delay: 300,
                data: function (params) {
                    return {
                        q: params.term,
                        firm_id : $("#firm_id").val()
                    };
                },
                processResults: function (data) {
                    return {
                        results: data
                    };
                },
                cache: true
            }
        });
    });
</script>
@vite(['resources/js/admin/firm-offices.js','resources/js/admin/firms.js','resources/js/admin/country-state.js'])
@endsection