@extends('front.layouts.app')
@section('css')

@endsection
@section('content')

<div class="page inner-page-layout activities">

    <div class="page-header" style="background-image: url({{url('assets/images/book-cover.jpg')}});">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="page-thumbnail-wrapper">
                        <img src="/assets/images/thums/thum-03.jpeg" class="page-thumbnail">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="page-title-wrapper">
                        <h1 class="page-title"> تسجيل متسابق </h1>
                    </div>
                </div>
            </div>
        </div>
        <div class="shape"></div>
    </div> <!-- page-header -->

    <div class="page-content">

        <div class="container">

            <div class="form-wrapper">
                @include('vendor.errors')
                @if(session()->has('success'))
                    <div class="demo-spacing-0">
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <div class="alert-body text-center">
                                <a href="{{url('/login')}}">
                                    يمكنك تسجيل الدخول الي حسابك بالضغط هنا
                                </a>
                            </div>
                        </div>
                    </div>
                @endif
                <form action="{{route('page.compitation_apply')}}" enctype="multipart/form-data" method="post">
                    @csrf
                    <div class="row mb-4">
    
                        <div class="col-md-6">
                            <div class="form-group mb-4">
                                <label> الاسم </label>
                                <input type="text" name="name" required class="form-control" value="{{ old('name') }}" placeholder="اسم">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
                        <div class="col-md-6">
                            <div class="form-group mb-4">
                                <label> الصورة  </label>
                                <input type="file" name="image" required class="form-control" placeholder="صورة  ">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> الجنسية </label>
                                <input type="text" name="nationality" required class="form-control" value="{{ old('nationality') }}" placeholder="">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> الجوال </label>
                                <input type="text" name="phone" required class="form-control" value="{{ old('phone') }}" placeholder="">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> البريد الالكتروني </label>
                                <input type="email" name="email" required class="form-control" value="{{ old('email') }}" placeholder="">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> السن </label>
                                <input type="number" name="age" required class="form-control" value="{{ old('age') }}" placeholder="">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> المؤهل العلمي </label>
                                <input type="text" name="edu_level" required class="form-control" value="{{ old('edu_level') }}" placeholder="">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> الوظيفة </label>
                                <input type="text" name="job" required class="form-control" value="{{ old('job') }}" placeholder="">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> البطاقة المدنية </label>
                                <input type="file" name="identity" required class="form-control" placeholder="">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
                        <div class="col-md-4">
                            <div class="form-group mb-4">
                                <label> انشاء كلمة المرور </label>
                                <input type="password" name="password" required class="form-control" placeholder="كلمة المرور">
                            </div> <!-- form-group -->
                        </div> <!-- col-md-4 -->
    
                    </div>
    
    
                    <hr />
    
                    <div class="d-block w-100 text-center">
                        <button type="submit" class="btn w-50 btn-primary mb-5 m-auto"> تسجيل </button>
                    </div>
                </form>


            </div> <!-- form-wrapper -->

        </div> <!-- container -->

    </div><!-- page-content -->

</div> <!-- page -->


@endsection
@section('js')

@endsection