@extends('web.layouts.main')
@section('content')
<style>
        
        .register-pg .content .box {
            position: relative;
            display: block;
            height: 200px;
            margin: 10px 0;
            background-color: #fff;
            border-radius: 15px;
            padding: 0;
            margin-bottom: 50px;
        }

        .register-pg .content .box .title {
            padding: 15px;
            text-align: center;
            margin-right: 20px;
            width: calc(100% - 40px);
            background-color: #f9f9f9;
            border-radius: 20px;
            border: 10px solid #fff;
            margin-top: -30px;
            position: relative;
            z-index: 10;
            font-size: 11px;
        }

        .register-pg .content .upload-options {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

        .register-pg .content .upload-options input {
            width: 100%;
            height: 100% !important;
            opacity: 0;
            overflow: hidden;
            position: absolute;
            z-index: 10;
        }

        .register-pg .content .js--image-preview {
            height: 100%;
            width: 100%;
            position: relative;
            overflow: hidden;
            background-image: url("../images/upload_img.png");
            background-color: #fafafa;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
            border-radius: 15px;
        }

        .register-pg .content .upload_content {
            /* background-color: #fafafa;
                        padding: 30px;
                        border-radius: 20px; */
            margin-top: 20px;
        }
    </style>

<main>

        <!-- Start Header -->
        @include('web.pages.components.header',compact('title'))

        <!-- Start register-sec -->
        <section class="register-pg section">
            <div class="container">
                <div class="col-md-8 m-auto">
                    <div class="register-box wow fadeInUp">
                        <div class="head">
                            <div class="logo-box">
                                <img src="{{url('')}}/assets/web/images/logo.svg" alt="" class="logo"/>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="head-text text-center mb-5">
                                <h2 class="title color-dark"><b> {{__('web.create_acc')}}  </b></h2>
                                <p class="p color-gray2 mb-1">{{__('web.create_acc_desc')}}  </p>
                            </div>
                            <form method="post" action="{{url(getCurrentLocale().'/regist/continue')}}" onsubmit="saveForm(this)">
                                @CSRF
                                <div class="col-lg-12 m-auto">
                                    <div class="row">
                       
                                        <div class="col-lg-6">
                                            <div class="form-group mb-4">
                                                <input class="form-control" name="num_id" placeholder="{{__('web.num_id')}} " type="text"/>
                                            </div>
                                        </div>
                                        
                                        <div class="col-lg-6">
                                            <div class="form-group mb-4">
                                                <input class="form-control" name="bank_account_holder_name" placeholder="{{__('web.bank_account_holder_name')}}  " type="text"/>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group mb-4">
                                                <input class="form-control" name="account_number" placeholder=" {{__('web.account_number')}}" type="text"/>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group mb-4">
                                                <input class="form-control" name="iban_number" placeholder="{{__('web.iban_number')}} " type="text"/>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group mb-4">
                                                <select name="bank_id" class="form-control form-select">
                                                    <option value="">{{__('web.selectbank')}} </option>
                                                    @foreach($banks as $row)
                                                    <option value="{{$row->id}}">{{$row->item_name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group mb-4">
                                            <h5 class="title mb-3"> {{__('web.acc_type')}} </h5>
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="radio" name="acc_type" id="inlineRadio1" value="member">
                                                <label class="form-check-label" for="inlineRadio1"> {{__('web.member')}} </label>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="radio" name="acc_type" id="inlineRadio2" value="organization">
                                                <label class="form-check-label" for="inlineRadio2"> {{__('web.organization')}} </label>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="radio" name="acc_type" id="inlineRadio3" value="company">
                                                <label class="form-check-label" for="inlineRadio3"> {{__('web.company')}} </label>
                                            </div>
                                        </div>
                                        <div class="content mb-4">
                                            <div class="upload_content option1">
                                                <div class="wrapper">
                                                    <div class="row">
                                                        <div class="col-lg-4">
                                                            <div class="box">
                                                                <div class="js--image-preview"></div>
                                                                <div class="upload-options">
                                                                    <label>
                                                                        <input type="file" class="image-upload" name="member[owner_id]" />
                                                                    </label>
                                                                </div>
                                                                <h6 class="title"> {{ __('web.owner_id') }}  </h6>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="box">
                                                                <div class="js--image-preview"></div>
                                                                <div class="upload-options">
                                                                    <label>
                                                                        <input type="file" class="image-upload" name="member[card_iban]" />
                                                                    </label>
                                                                </div>
                                                                <h6 class="title"> {{ __('web.card_iban') }} </h6>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="box">
                                                                <div class="js--image-preview"></div>
                                                                <div class="upload-options">
                                                                <label>
                                                                    <input type="file" class="image-upload" name="member[license]" />
                                                                </label>
                                                                </div>
                                                                <h6 class="title"> {{ __('web.license') }} </h6>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="upload_content option2">
                                                <div class="wrapper">
                                                    <div class="row">
                                                        <div class="col-lg-6">
                                                            <div class="box">
                                                                <div class="js--image-preview"></div>
                                                                <div class="upload-options">
                                                                    <label>
                                                                        <input type="file" class="image-upload" name="organization[owner_id]" />
                                                                    </label>
                                                                </div>
                                                                <h6 class="title"> {{ __('web.owner_id') }} </h6>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="box">
                                                                <div class="js--image-preview"></div>
                                                                <div class="upload-options">
                                                                    <label>
                                                                        <input type="file" class="image-upload" name="organization[card_iban]" />
                                                                    </label>
                                                                </div>
                                                                <h6 class="title"> {{ __('web.card_iban') }} </h6>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="box">
                                                                <div class="js--image-preview"></div>
                                                                <div class="upload-options">
                                                                <label>
                                                                    <input type="file" class="image-upload" name="organization[log_commerical]" />
                                                                </label>
                                                                </div>
                                                                <h6 class="title"> {{ __('web.log_commerical') }} </h6>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="box">
                                                                <div class="js--image-preview"></div>
                                                                <div class="upload-options">
                                                                <label>
                                                                    <input type="file" class="image-upload"  name="organization[civil_manager]" />
                                                                </label>
                                                                </div>
                                                                <h6 class="title"> {{ __('web.civil_manager') }} </h6>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="upload_content option3">
                                                <div class="wrapper">
                                                    <div class="row">
                                                        <div class="col-lg-4">
                                                            <div class="box">
                                                                <div class="js--image-preview"></div>
                                                                <div class="upload-options">
                                                                    <label>
                                                                        <input type="file" class="image-upload" name="company[owner_id]" />
                                                                    </label>
                                                                </div>
                                                                <h6 class="title"> {{ __('web.owner_id') }} </h6>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="box">
                                                                <div class="js--image-preview"></div>
                                                                <div class="upload-options">
                                                                    <label>
                                                                        <input type="file" class="image-upload" name="company[card_iban]" />
                                                                    </label>
                                                                </div>
                                                                <h6 class="title"> {{ __('web.card_iban') }}  </h6>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="box">
                                                                <div class="js--image-preview"></div>
                                                                <div class="upload-options">
                                                                    <label>
                                                                        <input type="file" class="image-upload" name="company[log_commerical]" />
                                                                    </label>
                                                                </div>
                                                                <h6 class="title"> {{ __('web.log_commerical') }} </h6>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="box">
                                                                <div class="js--image-preview"></div>
                                                                <div class="upload-options">
                                                                    <label>
                                                                        <input type="file" class="image-upload" name="company[civil_manager]" />
                                                                    </label>
                                                                </div>
                                                                <h6 class="title"> {{ __('web.civil_manager') }} </h6>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="box">
                                                                <div class="js--image-preview"></div>
                                                                <div class="upload-options">
                                                                    <label>
                                                                        <input type="file" class="image-upload" name="company[launch_contract]" />
                                                                    </label>
                                                                </div>
                                                                <h6 class="title"> {{ __('web.launch_contract') }} </h6>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="box">
                                                                <div class="js--image-preview"></div>
                                                                <div class="upload-options">
                                                                <label>
                                                                    <input type="file"  name="company[owners_id]" class="image-upload" />
                                                                </label>
                                                                </div>
                                                                <h6 class="title"> {{ __('web.owners_id') }} </h6>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="box">
                                                                <div class="js--image-preview"></div>
                                                                <div class="upload-options">
                                                                <label>
                                                                    <input type="file" class="image-upload" name="ministry_image" accept="image/*" />
                                                                </label>
                                                                </div>
                                                                <h6 class="title"> {{ __('web.ministry_image') }} </h6>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                    <button class="submit_butn butn primary_butn fw-bold fs-6 mt-5 w-100 py-3" type="submit" > {{__('web.save')}} </button>
                                    <p class="anothe_opt mt-4 mb-0 text-center"> {{__('web.have_acc')}} <a href="{{url('/library/login')}}" class="color-primary"> {{__('web.login')}}   </a></p>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </main>
    
    @push('js')
    
    <script>
        let url_home = {!! json_encode(url(getCurrentLocale().'/')) !!};
    </script>
    <script src="{{url('')}}/assets/web/js/custom/continueRegist.js"></script>
    @endpush
@stop