@extends('dashboard.layouts.layouts')

@section('title')
    create project
@endsection

@section('content')

    <section class="content-header">
        <h1>
            project
            <small>Create</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{adminUrl('/')}}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="{{route('admin.projects.index')}}">project</a></li>
            <li class="active">create project</li>
        </ol>
    </section>

    @include('dashboard.layouts.messages')

    <section class="content">
        <form role="form" action="{{route('admin.projects.store')}}" enctype="multipart/form-data" method="POST">
            @csrf

            <div class="row">
                <!-- English Side -->
                <div class="col-md-6">
                    <div class="box box-primary">
                        <div class="box-header with-border">
                            <h3 class="box-title">Add project Info</h3>
                        </div>
                        <!-- /.box-header -->
                        <!-- form start -->
                        <div class="box-body">
                            <div class="form-group">

                                <div class="col-lg-12">
                                    <label for="exampleInputEmail1"> Project Description</label>
                                    <input type="text"
                                           class="form-control"
                                           name="description"
                                           id="exampleInputEmail1"
                                           placeholder="Enter project Title"
                                           value="{{old('description')}}"
                                    >
                                    <p class="help-block">Enter Project Description</p>
                                </div>

                                <div class="col-lg-12">
                                    <label for="exampleInputEmail1"> Before Image</label>
                                    <input
                                            type="file"
                                            class="form-control"
                                            name="before_image"
                                            id="exampleInputEmail1"
                                            placeholder="upload before image">
                                    <p class="help-block"> Upload before Image </p>
                                </div>

                            </div>
                        </div>
                        <div class="box-footer">
                            <div class="col-lg-12">
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Arabic Side -->
                <div class="col-md-6 ">
                    <div class="box box-primary">
                        <div class="box-header with-border">
                            <h3 class="box-title"></h3>
                        </div>
                        <!-- .box-header -->
                        <!-- form start -->
                        <div class="box-body">
                            <div class="form-group">

                                <div class="col-lg-12">
                                    <label for="exampleInputEmail1"> After Image</label>
                                    <input
                                            type="file"
                                            class="form-control"
                                            name="after_image"
                                            id="exampleInputEmail1"
                                            placeholder="upload after image">
                                    <p class="help-block"> Upload after Image </p>
                                </div>


                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </section>

@endsection('content')