@extends('front.layouts.master-auth')
@section('content')
    <!-- Start Page Content -->
    <section class="page-content">
        <div class="container">
            <div class="addOffer-page-title">
                <h2 class="addOffer-name">
                    {{trans('Add New Work')}}
                </h2>
            </div>
            <div class="add-work-page">
                <form class="add-work-form" method="post" action="{{route('work.store')}}" enctype="multipart/form-data">
                    @csrf
                    <div class="input-line">
                        <div class="form-group">
                            <label>
                                {{trans('Work Title')}}
                            </label>
                            <input type="text" name="title" class="form-control" value="{{old('title')}}">
                            @error('title')
                            <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>
                                {{trans('Work Finish Date')}}
                            </label>
                            <div class="input-cont">
                                <input type="text" name="finish_date" class="input-datepicker form-control" readonly="">
                                <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="27" height="30" viewBox="0 0 27 30">
                                        <path data-name="Icon material-date-range" d="M13.5 16.5h-3v3h3zm6 0h-3v3h3zm6 0h-3v3h3zm3-10.5H27V3h-3v3H12V3H9v3H7.5a2.986 2.986 0 0 0-2.985 3L4.5 30a3 3 0 0 0 3 3h21a3.009 3.009 0 0 0 3-3V9a3.009 3.009 0 0 0-3-3zm0 24h-21V13.5h21z" transform="translate(-4.5 -3)" style="fill:#393939"></path>
                                    </svg>
                                </span>
                                @error('finish_date')
                                <div class="alert alert-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>
                            {{trans('Work Brief')}}
                        </label>
                        <textarea class="form-control" name="description">{{old('description')}}</textarea>
                        @error('description')
                        <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label>
                            {{trans('Work Link')}}
                        </label>
                        <input type="url" class="form-control" name="link" value="{{old('link')}}">
                        @error('link')
                        <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="group-line">
                        <div class="form-group">
                            <label>
                                {{trans('Work Logo')}}
                            </label>
                            <div class="file-cont">
                                <div class="input-file-text">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="39.629" height="27.74" viewBox="0 0 39.629 27.74">
                                        <path id="Icon_awesome-cloud-upload-alt" data-name="Icon awesome-cloud-upload-alt" d="M33.289,14.3A5.951,5.951,0,0,0,27.74,6.213a5.914,5.914,0,0,0-3.3,1,9.908,9.908,0,0,0-18.5,4.941c0,.167.006.334.012.5A8.919,8.919,0,0,0,8.917,29.99H31.7A7.925,7.925,0,0,0,33.289,14.3ZM24.36,18.1H20.31v6.935a.994.994,0,0,1-.991.991H16.347a.994.994,0,0,1-.991-.991V18.1h-4.05a.989.989,0,0,1-.7-1.69l6.526-6.526a.994.994,0,0,1,1.4,0l6.526,6.526a.99.99,0,0,1-.7,1.69Z" transform="translate(0 -2.25)" fill="#393939"></path>
                                    </svg>
                                    {{trans('Upload File Here')}}
                                    <input type="file" name="logo" class="form-control" accept="image/*">
                                </div>
                            </div>
                            @error('logo')
                            <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>
                                {{trans('Work Image')}}
                            </label>
                            <div class="file-cont">
                                <div class="input-file-text">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="39.629" height="27.74" viewBox="0 0 39.629 27.74">
                                        <path id="Icon_awesome-cloud-upload-alt" data-name="Icon awesome-cloud-upload-alt" d="M33.289,14.3A5.951,5.951,0,0,0,27.74,6.213a5.914,5.914,0,0,0-3.3,1,9.908,9.908,0,0,0-18.5,4.941c0,.167.006.334.012.5A8.919,8.919,0,0,0,8.917,29.99H31.7A7.925,7.925,0,0,0,33.289,14.3ZM24.36,18.1H20.31v6.935a.994.994,0,0,1-.991.991H16.347a.994.994,0,0,1-.991-.991V18.1h-4.05a.989.989,0,0,1-.7-1.69l6.526-6.526a.994.994,0,0,1,1.4,0l6.526,6.526a.99.99,0,0,1-.7,1.69Z" transform="translate(0 -2.25)" fill="#393939"></path>
                                    </svg>
                                    {{trans('Upload File Here')}}
                                    <input name="image" type="file" class="form-control" accept="image/*">
                                </div>
                            </div>
                            @error('image')
                            <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <button type="submit" class="work-submit">
                        {{trans('Publish Now')}}
                    </button>
                </form>
                <div class="add-work-img">
                    <img src="{{asset('front/images/addWork.png')}}" class="img-fluid" loading="lazy" decoding="async">
                </div>
            </div>
        </div>
    </section>
    <!-- End Page Content -->
@endsection