@extends('frontend.layout.master')
@section('content')
    <div class="container py-5 my-5">
        <h1 style="font-weight:bold">{{__('translation.warranty')}}</h1>
        <table border="0" cellpadding="1" cellspacing="1" style="margin-top: 20px;margin-bottom:20px">
            <tbody>
                <tr>
                    <td style="width: 140px; height: 22px;">
                        <span class="fs12"><a class="arrow_bottom" style="color:#a89a7d;" target="_blank" href="https://www.eizoglobal.com/support/warranty/index.html#link_flexscan">{{__('translation.flexscan')}}</a></span>
                    </td>
                    <td style="width: 140px; height: 22px;">
                        <span class="fs12"><a class="arrow_bottom" style="color:#a89a7d;" target="_blank" href="https://www.eizoglobal.com/support/warranty/index.html#link_coloredge">{{__('translation.coloredge')}}</a></span>
                    </td>
                    <td style="width: 140px; height: 22px;">
                        <span class="fs12"><a class="arrow_bottom" style="color:#a89a7d;" target="_blank" href="https://www.eizoglobal.com/support/warranty/index.html#link_foris">{{__('translation.foris')}}</a></span>
                    </td>
                    <td style="width: 140px; height: 22px;">
                        <span class="fs12"><a class="arrow_bottom" target="_blank" style="color:#a89a7d;" href="https://www.eizoglobal.com/support/warranty/index.html#link_radiforce">{{__('translation.radiforce')}}</a></span>
                    </td>
                </tr>
                <tr>
                    <td style="width: 140px; height: 22px;">
                        <span class="fs12"><a class="arrow_bottom" style="color:#a89a7d;" target="_blank" href="https://www.eizoglobal.com/support/warranty/index.html#link_duravision">{{__('translation.duraVision')}}</a></span>
                    </td>
                    <td style="width: 140px; height: 22px;">
                        <span class="fs12"><a class="arrow_bottom" style="color:#a89a7d;" target="_blank" href="https://www.eizoglobal.com/support/warranty/index.html#link_raptor">{{__('translation.raptorrevuesafeguard')}}</a></span>
                    </td>
                    <td style="width: 140px; height: 22px;">
                        <span class="fs12"><a class="arrow_bottom" style="color:#a89a7d;" target="_blank" href="https://www.eizoglobal.com/support/warranty/index.html#link_eclient">{{__('translation.eClient')}}</a></span>
                    </td>
                    <td style="width: 140px; height: 22px;">
                        <span class="fs12"><a class="arrow_bottom" style="color:#a89a7d;" target="_blank" href="https://www.eizoglobal.com/support/warranty/index.html#link_accessories">{{__('translation.accessories')}}</a></span>
                    </td>
                </tr>
            </tbody>
        </table>
        <div class="row">
            <div class="col-lg-6 col-md-12 col-12">
                <form action="{{route('web.warranty.post')}}" method="POST" class="row g-3" style="padding: 20px;" enctype="multipart/form-data">
                    @csrf()
                    <div class="col-md-12">
                        <input name="model_no" type="text" class="form-control py-3 fs-5" placeholder="{{__('translation.entermodel')}} " value="">
                         @error('model_no')
                            <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="col-md-12">
                        <input name="serial_no" type="text" class="form-control py-3 fs-5" placeholder="{{__('translation.enterserial')}} " value="">
                         @error('serial_no')
                            <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="col-md-12">
                        <input name="name" type="text" class="form-control py-3 fs-5" placeholder="{{__('translation.entername')}} " value="">
                         @error('name')
                            <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="col-md-12">
                        <input name="email" type="email" class="form-control py-3 fs-5" placeholder="{{__('translation.entermail')}} " value="">
                         @error('email')
                            <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="col-md-12">
                        <input name="phone" type="text" class="form-control py-3 fs-5" placeholder="{{__('translation.enterphone')}} " value="">
                         @error('phone')
                            <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="col-md-12">
                        <input name="company" type="text" class="form-control py-3 fs-5" placeholder="{{__('translation.entercompany')}} " value="">
                         @error('company')
                            <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="col-md-12">
                        <input name="project" type="text" class="form-control py-3 fs-5" placeholder="{{__('translation.enterproject')}}" value="">
                         @error('project')
                            <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="col-12 py-2">
                        <textarea name="issue" class="form-control fs-5" rows="10" placeholder="{{__('translation.theissue')}}"></textarea>
                         @error('issue')
                            <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="col-12 py-2">
                        <input type="file" name="file" class="form-control fs-5">
                         @error('issue')
                            <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="col-12">
                        <button type="submit" class="btn btn-dark p-3 w-25 fs-5 btn-lg btn-block">{{__('translation.send')}}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    </div>
@endsection
@push('custom-css')
<style>
    input,textarea{
        border: 1px solid black !important;
    }
</style>
@endpush
@push('custom-script')
@endpush