@extends('body')
@section('title')
Site @if (isset($user)) Edit @else Add @endif
@endsection

@section('breadcrumbs')
@if (isset($site))
<li><a href="{{ url('/') }}">Home</a></li>
<li><a href="{{ url('/sites') }}">Sites</a></li>
<li>user</li>
@else
<li><a href="{{ url('/') }}">Home</a></li>
<li><a href="{{ url('/sites') }}">Sites</a></li>
<li>New</li>
@endif
@endsection

@section('pageScripts')
<style>
    .card {
        padding: 50px 40px;
        margin-top: 10px;
        margin-bottom: 60px;
        border: none !important;
        box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2)
    }

    .form-control-label {
        margin-bottom: 0
    }

    input,
    textarea,
    button {
        padding: 8px 15px;
        border-radius: 5px !important;
        margin: 5px 0px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        font-size: 18px !important;
        font-weight: 300
    }

    input:focus,
    textarea:focus {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: 1px solid #00BCD4;
        outline-width: 0;
        font-weight: 400
    }

    .btn-block {
        text-transform: uppercase;
        font-size: 15px !important;
        font-weight: 400;
        height: 43px;
        cursor: pointer
    }

    .btn-block:hover {
        color: #fff !important
    }

    input::-webkit-input-placeholder {
        font-size: 15px;
    }
</style>

@endsection

@section('content')
<section id="about" class="about">
    <div class="continer" data-aos="fade-up">
        <div class="container-fluid px-1 py-5 mx-auto">
            <div class="row d-flex justify-content-center">
                <div class="col-xl-7 col-lg-8 col-md-9 col-11 text-center">
                    @if (isset($site)) <h3>Edit site</h3> @else <h3>Add new site</h3> @endif

                    @if (session('success'))
                    <div class="alert alert-info alert-dismissible fade show" role="alert">
                        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                        <strong>Info!</strong> {{ session('success') }}
                    </div>
                    @endif

                    <div class="card">

                        @if (isset($site))
                        <form class="form-horizontal" action="{!! route('sites.update',$site->id) !!}" method="POST"
                            role="form" enctype="multipart/form-data">
                            @method('PATCH')
                            @else
                            <form class="form-horizontal" action="{!! route('sites.store') !!}" method="POST"
                                role="form" enctype="multipart/form-data">
                                @endif

                                @csrf
                                <div class="row justify-content-between text-left">
                                    <div class="form-group col-sm-6 flex-column d-flex">
                                        <label class="form-control-label px-3">Site Name<span class="text-danger">
                                                *</span></label>
                                        <input type="text" id="name" name="name" placeholder="Enter site name"
                                            class="form-control @error('name') is-invalid @enderror" autofocus
                                            value="{{ old('name') ? old('name') : (isset($site->name) ? $site->name:null) }}">
                                        @error('name')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                    <div class="form-group col-sm-6 flex-column d-flex">
                                        <label class="form-control-label px-3">Code name<span class="text-danger">
                                                *</span></label>
                                        <input type="text" id="code_name" name="code_name" placeholder="Enter site code"
                                            class="form-control @error('code_name') is-invalid @enderror" autofocus
                                            value="{{ old('code_name') ? old('code_name') : (isset($site->code_name) ? $site->code_name:null) }}">
                                        @error('code_name')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="row justify-content-between text-left">
                                    <div class="form-group col-sm-6 flex-column d-flex">
                                        <label class="form-control-label px-3">Contact person<span class="text-danger">
                                                *</span></label>
                                        <input type="text" id="contact_person" name="contact_person" placeholder=""
                                            class="form-control @error('contact_person') is-invalid @enderror" autofocus
                                            value="{{ old('contact_person') ? old('contact_person') : (isset($site->contact_person) ? $site->contact_person:null) }}">
                                        @error('contact_person')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                    <div class="form-group col-sm-6 flex-column d-flex">
                                        <label class="form-control-label px-3">Mobile No<span class="text-danger">
                                                *</span></label>
                                        <input type="text" id="contact_number" name="contact_number" placeholder=""
                                            class="form-control @error('contact_number') is-invalid @enderror" autofocus
                                            value="{{ old('contact_number') ? old('contact_number') : (isset($site->contact_number) ? $site->contact_number:null) }}">
                                        @error('contact_number')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="row justify-content-between text-left">
                                    <div class="form-group col-sm-6 flex-column d-flex">
                                        <label class="form-control-label px-3">Island<span class="text-danger">
                                                *</span></label>
                                        <input type="text" id="island" name="island" placeholder=""
                                            class="form-control @error('island') is-invalid @enderror" autofocus
                                            value="{{ old('island') ? old('island') : (isset($site->island) ? $site->island:null) }}">
                                        @error('island')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                    <div class="form-group col-sm-6 flex-column d-flex">
                                        <label class="form-control-label px-3">Ward<span class="text-danger">
                                                *</span></label>
                                        <input type="text" id="ward" name="ward" placeholder=""
                                            class="form-control @error('ward') is-invalid @enderror" autofocus
                                            value="{{ old('ward') ? old('ward') : (isset($site->ward) ? $site->ward:null) }}">
                                        @error('ward')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>


                                <div class="row justify-content-between text-left">
                                    <div class="form-group col-sm-6 flex-column d-flex">
                                        <label class="form-control-label px-3">Address<span class="text-danger">
                                                *</span></label>
                                        <input type="text" id="address" name="address" placeholder=""
                                            class="form-control @error('address') is-invalid @enderror" autofocus
                                            value="{{ old('address') ? old('address') : (isset($site->address) ? $site->address:null) }}">
                                        @error('address')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>

                                    <div class="form-group col-sm-6 flex-column d-flex">
                                        <div class="file input_box">
                                            <label class="form-control-label px-3">Upload Image<span
                                                    class="text-danger">
                                                    *</span></label>
                                            <input type="file" id="image_file" name="image_file"
                                                class="form-control-file @error('image_file') is-invalid @enderror"
                                                autofocus
                                                value="{{ old('image') ? old('image') : (isset($site->image_source) ? $site->image_source:null) }}">
                                            @error('image_file')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                @if (isset($site))
                                <div class="row justify-content-between text-left">
                                    <input type="text" id="imageassets" name='imageassets' hidden class="form-control"
                                        value="{{ $site->image_source}}">

                                    <img src="{{ asset( $site->image_source ) }}" alt="Image" class="img-fluid"
                                        style="width:200px; height: 200px;">
                                </div>
                                @endif

                                @if (isset($site))
                                <div class="row justify-content-between text-left"
                                    style="display: {{Auth::user()->isAuthorized('sites.update') ? '' : 'none'}}">
                                    <div class="form-group col-sm-6"> <button type="submit"
                                            class="btn-block btn-primary">Save</button>
                                    </div>
                                </div>
                                @else
                                <div class="row justify-content-between text-left"
                                    style="display: {{Auth::user()->isAuthorized('sites.store') ? '' : 'none'}}">
                                    <div class="form-group col-sm-6"> <button type="submit"
                                            class="btn-block btn-primary">Save</button>
                                    </div>
                                </div>
                                @endif
                            </form>

                            @if (isset($site))
                            <form action="{!! route('sites.destroy',$site->id) !!}" method="POST" role="form">
                                @csrf @method('DELETE')
                                <div class="row justify-content-between text-left"
                                    style="display: {{Auth::user()->isAuthorized('sites.destroy') ? '' : 'none'}}">
                                    <div class="form-group col-sm-6"> <button type="submit"
                                            class="btn-block btn-primary">Delete</button>
                                    </div>
                                </div>
                            </form>
                            @endif

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

@endsection