{{-- Extends layout --}}
@extends('layouts.default')
{{-- Styles Section --}}
@section('styles')
    <title>Lynxconnect | {{ __('Candidate Bulk Create') }}</title>
@endsection
{{-- Content --}}
@section('content')
    <div class="row small-spacing">
        <div class="col-xl-12 col-12">
            <section class="app-user-edit">
                <div class="card">
                    <div class="card-header">{{ __('Candidate Bulk Create') }}</div>
                    <div class="card-body">
                        <form class="form-validate" data-toggle="validator" action="{{ route('upload_bulk.candidate') }}" method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                @if (session('msg'))
                                    <div class="col-md-12">
                                        <div class="alert alert-success">
                                            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a> {{ session('msg') }}
                                        </div>
                                    </div>
                                @endif
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="csv_file" class="control-label">CSV file * <small><a href="{{ url('downloads/sample-file1.csv') }}" target="_blank">Download Sample file</a></small> </label>
                                        <input type="file" name="csv_file" id="csv_file" class="form-control" required />
                                        @if (isset(session('error_fields')->csv_file[0]))
                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                                <strong>{{ session('error_fields')->csv_file[0] }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-12 d-flex flex-sm-row flex-column mt-2">
                                    <button type="submit" class="btn btn-primary mb-1 mb-sm-0 mr-0 mr-sm-1">Upload </button>
                                    <button type="reset" class="btn btn-outline-secondary">Reset</button>
                                </div>
                            </div>
                        </form>
                        <hr />
                        <p>Click below to see related ids</p>
                        <div class="row pt-4">
                            <div class="col-md-4">
                                <div id="accordion">
                                    <div class="card">
                                        <div class="card-header" id="headingOne">
                                            <h5 class="mb-0">
                                                <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                    Employee Types
                                                </button>
                                            </h5>
                                        </div>
                                
                                        <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
                                            <div class="card-body">
                                                <table class="table">
                                                    <thead>
                                                        <tr>
                                                            <th>ID</th>
                                                            <th>Name</th>
                                                        </tr>
                                                    </thead>
                                                    @if($emp_types)
                                                        <tbody>
                                                            @foreach($emp_types as $emp_type)
                                                                <tr>
                                                                    <td>{{$emp_type->id}}</td>
                                                                    <td>{{$emp_type->type}}</td>
                                                                </tr>
                                                            @endforeach
                                                        </tbody>
                                                    @endif
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-md-4">
                                <div id="accordionSecond">
                                    <div class="card">
                                        <div class="card-header" id="headingTwo">
                                            <h5 class="mb-0">
                                                <button class="btn btn-link" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                                                    Document Types
                                                </button>
                                            </h5>
                                        </div>
                                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSecond">
                                            <div class="card-body">
                                                <table class="table">
                                                    <thead>
                                                        <tr>
                                                            <th>ID</th>
                                                            <th>Name</th>
                                                        </tr>
                                                    </thead>
                                                    @if($documents_types)
                                                        <tbody>
                                                            @foreach($documents_types as $documents_type)
                                                                <tr>
                                                                    <td>{{$documents_type->id}}</td>
                                                                    <td>{{$documents_type->name}}</td>
                                                                </tr>
                                                            @endforeach
                                                        </tbody>
                                                    @endif
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-md-4">
                                <div id="accordionThree">
                                    <div class="card">
                                        <div class="card-header" id="headingThree">
                                            <h5 class="mb-0">
                                                <button class="btn btn-link" data-toggle="collapse" data-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                                                    Billing Plans
                                                </button>
                                            </h5>
                                        </div>
                                        <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionThree">
                                            <div class="card-body">
                                                <table class="table">
                                                    <thead>
                                                        <tr>
                                                            <th>ID</th>
                                                            <th>Name</th>
                                                        </tr>
                                                    </thead>
                                                    @if($plans)
                                                        <tbody>
                                                            @foreach($plans as $plan)
                                                                <tr>
                                                                    <td>{{$plan->id}}</td>
                                                                    <td>{{$plan->name}}</td>
                                                                </tr>
                                                            @endforeach
                                                        </tbody>
                                                    @endif
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
@endsection