@extends('admin.layouts.admin')
@section('title','إضافة باحث عن عمل')
@section('content')
<div class="main-side">
    <div class="main-title">

        <div class="large">
            اضافة باحث عن عمل
        </div>
    </div>
    <div class="content_view">
        <form action="{{ route('admin.job-search.store') }}" method="POST" enctype="multipart/form-data" autocomplete="off">
            @if(count($errors) > 0 )
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <ul class="p-0 m-0" style="list-style: none;">
                    @foreach($errors->all() as $error)
                    <li>{{$error}}</li>
                    @endforeach
                </ul>
            </div>
            @endif
            @if(session()->has('success'))
            <div class="alert alert-success">
                {{ session()->get('success') }}
            </div>
            @endif
            @if(session()->has('error'))
            <div class="alert alert-danger">
                {{ session()->get('error') }}
            </div>
            @endif
            <div class="row row-gap-24">
                @csrf

                <input type="hidden" value="user" name="type">
                <div class="col-sm-6 col-md-4 col-lg-3">
                    <label for="" class="small-label">الاسم <span class="text-danger">*</span></label>
                    <input type="text" required name="name" class="form-control" value="{{ old('name') }}">
                    @error('name')<span class="text-danger">{{ $message }}</span>@enderror
                </div>

                <div class="col-sm-6 col-md-4 col-lg-3">
                    <label for="" class="small-label">البريد الالكتروني <span class="text-danger">*</span></label>
                    <input type="email" required name="email" class="form-control" value="{{ old('email') }}">
                    @error('email')<span class="text-danger">{{ $message }}</span>@enderror
                </div>
                <div class="col-sm-6 col-md-4 col-lg-3">
                    <label for="" class="small-label"> رقم الجوال <span class="text-danger">*</span></label>
                    <input type="number" required name="phone" class="form-control rmv-arw-inp" value="{{ old('phone') }}">
                    @error('phone')<span class="text-danger">{{ $message }}</span>@enderror
                </div>
                <div class="col-sm-6 col-md-4 col-lg-3">
                    <label for="" class="small-label"> الباسورد </label>
                    <input type="password" name="password" class="form-control" value="{{ old('password') }}">
                    @error('password')<span class="text-danger">{{ $message }}</span>@enderror
                </div>

                <div class="col-sm-6 col-md-4 col-lg-3">
                    <label for="" class="small-label"> هل مدعم من هدف ؟ <span class="text-danger">*</span></label>
                    <input type="checkbox" name="support" value="1">
                    @error('support')<span class="text-danger">{{ $message }}</span>@enderror
                </div>


                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>صوره </label>
                            <input class="form-control img" value="{{old('image')}}" name="image" type="file" accept="image/*">
                            @error('image')<span class="text-danger">{{ $message }}</span>@enderror
                        </div>
                    </div>
                    <div class="col-md-4">
                        <img src="{{ asset('images/no-image.jpg') }}" alt="" class="img-thumbnail img-preview" width="200px">
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>ارفاق السيرة </label>
                            <input class="form-control img" name="file" type="file">
                            @error('files')<span class="text-danger">{{ $message }}</span>@enderror
                        </div>
                    </div>
                    <div class="col-md-4">
                        <img src="{{ asset('images/no-image.jpg') }}" alt="" class="img-thumbnail img-preview" width="200px">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label> الدولة </label>
                            <select name="country_id" class="form-select" id="">
                                @foreach ($countries as $country)
                                <option value="{{ $country->id }}">{{ $country->name }}</option>
                                @endforeach
                            </select>
                            @error('files')<span class="text-danger">{{ $message }}</span>@enderror
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label> القسم </label>
                            <select name="job_category_id" class="form-select" id="">
                                <option value="">اختار القسم</option>
                                @foreach ($jobCategories as $cat)
                                <option {{ old('job_category_id') == $cat->id ? 'selected' : '' }} value="{{ $cat->id }}">{{ $cat->name }}</option>
                                @endforeach
                            </select>
                            @error('files')<span class="text-danger">{{ $message }}</span>@enderror
                        </div>
                    </div>
                </div>

                <div class="col-12 d-flex align-items-center justify-content-center mt-3">
                    <button type="submit" class="btn btn-success">حفظ</button>
                </div>
            </div>
        </form>
    </div>
</div>
@push('js')

@endpush
@endsection