@extends('layouts.app')
@section('content')

    <div class="single__  global-page">
        <div class="container">
            @include('frontend.components.alerts-components')

            @if (isset($errors) && count($errors) > 0)
                @foreach ($errors->all() as $error)
                    <div class="alert alert-danger">
                        {{ $error }}
                    </div>
                @endforeach
            @endif

            <div class="title">
                <h2 class="mb-0">{{ $job->name }}</h2>
                <h3>كود الوظيفة : {{ $job->code }}</h3>
                <p class="data">{{ date('Y-m-d', strtotime($job->created_at)) }}</p>
                <p>شرط التقدم للوظيفة :</p>
                <p>{!! $job->condition !!}</p>
            </div>


            <!-- Button to Open the Modal -->
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
                تقديم
            </button>
            <!-- The Modal -->
            <div class="modal" id="myModal">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <!-- Modal Header -->
                        <div class="modal-header">
                            <h4 class="modal-title">برجاء ملئ البيانات</h4>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>
                        <!-- Modal body -->
                        <div class="modal-body">
                            @if (isset($errors) && count($errors) > 0)
                                @foreach ($errors->all() as $error)
                                    <div class="alert alert-danger">
                                        {{ $error }}
                                    </div>
                                @endforeach
                            @endif
                            <form action={{ url('/job-applications') }} method="POST" enctype='multipart/form-data'>
                                @csrf
                                @method('POST')
                                <div class="form-group">
                                    <label for="full_name">الاسم الثلاثي</label>
                                    <input type="text" name="full_name" id="full_name" class="form-control"
                                        required="required">
                                </div>

                                <div class="form-group">
                                    <label for="email">الايميل</label>
                                    <input type="text" name="email" id="email" class="form-control"
                                        required="required">
                                </div>

                                <div class="form-group">
                                    <label for="cv">السيرة الذاتية</label>
                                    <input type="file" name="cv" id="cv" class="form-control"
                                        required="required"
                                        accept=
"application/msword, application/vnd.ms-excel, application/vnd.ms-powerpoint,
text/plain, application/pdf">
                                </div>


                                <input type="hidden" name="job_id" value="{{ $id }}">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary">تقديم</button>
                                </div>
                            </form>
                        </div>
                        <!-- Modal footer -->
                        <div class="modal-footer">
                            <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- #comments -->
        </div>
    </div>


@endsection

@section('customScripts')
    @if (isset($errors) && count($errors) > 0)
        <script>
            $("#myModal").modal()
        </script>
    @endif
@endsection